Coloried

Burgundy

Burgundy color is a rich shade of dark red. Its hex code is #800020 and rgb code is rgb(128, 0, 32), Its CMYK value is cmyk(0%, 100%, 75%, 50%), and Its HSL value is hsl(345, 100%, 25%). Against white, it has a contrast ratio of 10.83:1, while against black, the contrast ratio is 1.94:1. Complementary color is #008060 and closest tailwind color is red-900. This color goes well with #FF531A, #FF1AC6, #FF668C, #00E639, and #00ACE6. To recreate the Burgundy color, you can mix #FF0000 and #010040.

Burgundy color code
|
1. Color Conversions
HEX#800020
RGB128, 0, 32
HSL345°, 100%, 25%
HSV345°, 100%, 50%
CMYK0%, 100%, 75%, 50%
Web Safe#990033
2. Contrast Ratio
Text on #FFFFFF10.83:1
AAA LargeAAA Normal
Text on #0000001.94:1
Fail LargeFail Normal
3. Burgundy Color Code in CSS
HEX
#800020
RGB
rgb(128, 0, 32)
HSL
hsl(345, 100%, 25%)
Text Color
color: #800020;
Background
background-color: #800020;
Border Color
border-color: #800020;
Box Shadow
box-shadow: 0 4px 14px 0 #80002080;
SCSS
$color-burgundy: #800020;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#494718
Deuteranopia#505A16
Tritanopia#7A1211
Achromatopsia#2A2A2A
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive