Maroon hex code
The hex code for maroon is #800000. In RGB that is rgb(128, 0, 0) and in HSL it is hsl(0, 100%, 25%).
The hex code for maroon is #800000. In RGB that is rgb(128, 0, 0) and in HSL it is hsl(0, 100%, 25%).
Maroon · #800000
Colour codes
- HEX
- #800000
- RGB
- rgb(128, 0, 0)
- HSL
- hsl(0, 100%, 25%)
- CMYK
- 0, 100, 100, 50
- CSS name
- maroon
- Contrast on white
- 10.95:1
- Contrast on black
- 1.92:1
Tints and shades
20% lighter · #993333
40% lighter · #b36666
60% lighter · #cc9999
80% lighter · #e6cccc
20% darker · #660000
40% darker · #4d0000
60% darker · #330000
80% darker · #1a0000
Complementary colour
Maroon · #800000
Opposite on the colour wheel · #008080
Frequently asked questions
What is the hex code for maroon?
The hex code for maroon is #800000. In RGB that is rgb(128, 0, 0) and in HSL it is hsl(0, 100%, 25%).
Can I use maroon for text?
It has a contrast ratio of 10.95:1 on white and 1.92:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with maroon?
Its complementary colour, opposite on the colour wheel, is #008080. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of maroon instead.
Is maroon a CSS colour name?
Yes. CSS accepts the keyword maroon, so color: maroon and color: #800000 render exactly the same.