Red family
Maroon color
A dark, rich red with warm undertones. The reference maroon is #800000, as defined by the CSS named color.
| HEX | #800000 | |
|---|---|---|
| RGB | rgb(128, 0, 0) | |
| HSL | hsl(0, 100%, 25%) | |
| HSV | hsv(0, 100%, 50%) | |
| OKLCH | oklch(37.7% 0.155 29.2) | |
| CMYK* | 0, 100, 100, 50 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is maroon?
Maroon is a dark brownish red. The word comes from the French marron, meaning chestnut. The CSS keyword maroon is simply red at half strength, #800000, with no blue or green at all, which gives it its warm, brick-like look.
Maroon hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of maroon in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Maroon | #800000 | CSS named color | Reference shown on this page |
| Maroon | #650021 | xkcd Color Survey | Noticeably different · 71% similar |
| Maroon | #800000 | Color Names (meodai) | Same color |
Maroon vs Burgundy
#800000
#900020
Burgundy has a little blue in it and reads as wine red; maroon is warmer and browner. In numbers: the two are 82% similar (OKLab distance 0.045). See Burgundy for its own codes.
Colors similar to maroon
The closest named colors to #800000 across all three sources, with their similarity in OKLab.
Tints and shades of maroon
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with maroon
Classic color-wheel combinations built on #800000, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Maroon with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a maroon background, white text is the better choice.
Use maroon in CSS
.maroon {
color: #800000;
/* or */ color: rgb(128 0 0);
/* or */ color: hsl(0 100% 25%);
/* or */ color: oklch(37.7% 0.155 29.2);
/* CSS keyword */ color: maroon;
}