maroon — #800000
#800000
rgb(128, 0, 0) · hsl(0, 100%, 25%) · CSS keyword maroon
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| maroon on white | 10.95:1 | AA | AA |
| maroon on black | 1.92:1 | — | — |
As a background, maroon takes white text: 10.95:1 against 1.92:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Where the name comes from
From the French marron, chestnut. In CSS it is much darker than the chestnut it is named after.
Using it
color: maroon;
color: #800000;
color: rgb(128 0 0);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to maroon
- darkred — #8B0000
- firebrick — #B22222
- brown — #A52A2A
- purple — #800080
- darkmagenta — #8B008B
- indigo — #4B0082
Frequently asked questions
What is the hex code for maroon?
The hex code for maroon is #800000 — RGB 128, 0, 0.
Can I use maroon for text?
Yes. maroon reaches 10.95:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on maroon be black or white?
White — 10.95:1 against 1.92:1 the other way.
Other named colours
- mediumaquamarine — #66CDAA
- mediumblue — #0000CD
- mediumorchid — #BA55D3
- mediumpurple — #9370DB
- mediumseagreen — #3CB371
- mediumslateblue — #7B68EE
- mediumspringgreen — #00FA9A
- mediumturquoise — #48D1CC
- mediumvioletred — #C71585
- midnightblue — #191970
- mintcream — #F5FFFA
- mistyrose — #FFE4E1
#800000 in full — tints, shades and harmonies · All named colours · Colour reference