Color Directory
Burgundy
A deep red with a purple undertone, named for the wine region.
#800020
- HEX
- #800020
- RGB
- rgb(128, 0, 32)
- HSL
- hsl(345, 100%, 25%)
Check Burgundy
Contrast ratios against white and black text.
WCAG asks for 4.5:1 on body text and 3:1 on text 24px or larger. Ratios are calculated from #800020 in the sRGB colour space.
About this entry
What it is
A deep red with a purple undertone, named for the wine region.
Luxury packaging, autumn palettes and typography that needs weight.
Copy & use
How to copy and use burgundy
- 01
Copy the complete value
Use the copy button above so the value is captured without its label, description or surrounding page text.
- 02
Paste it where you need it
Luxury packaging, autumn palettes and typography that needs weight.
- 03
Check the final result
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Tints & shades
A scale built from burgundy
Each step is mixed toward white or black from #800020 in sRGB, which is what the browser does too. Useful when one colour has to cover hover states, borders and backgrounds as well as the accent itself.
Lighter 60%
#CC99A6
rgb(204, 153, 166)
Lighter 30%
#A64D63
rgb(166, 77, 99)
- Base
Base
#800020
rgb(128, 0, 32)
Darker 30%
#5A0016
rgb(90, 0, 22)
Darker 60%
#33000D
rgb(51, 0, 13)
Name & pairing
Where burgundy comes from
Named for the French wine region. The purple undertone is what distinguishes it from an ordinary dark red, and it is the reason the colour reads as expensive rather than urgent.
What to put beside it
Luxurious with gold and cream, sober with grey. Beside a bright red it looks muddy, so keep it away from anything more saturated.
Common questions
Using burgundy
What is burgundy?
A deep red with a purple undertone, named for the wine region. Luxury packaging, autumn palettes and typography that needs weight.
What are the colour values for Burgundy?
Burgundy is HEX #800020, RGB rgb(128, 0, 32), HSL hsl(345, 100%, 25%). All three notations describe the same sRGB colour, so pick whichever your tool expects: hex for CSS and design files, RGB when you need the channels separately, HSL when you want to shift lightness or saturation without changing the hue.
Will burgundy work everywhere?
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Can I customise burgundy after copying?
Use the supplied value as a starting point, then check contrast and nearby colours in the final design. Converting between hex, RGB and HSL does not change the intended sRGB colour.
Also known as
Keep browsing