Maroon color values
| Format | Value |
|---|---|
| Hex | #800000 |
| RGB | rgb(128, 0, 0) |
| HSL | hsl(0, 100%, 25%) |
| HSV | 0, 100%, 50% |
| CMYK (simple conversion) | 0%, 100%, 100%, 50% |
| Decimal | 8388608 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Maroon
A dark, brownish red that conveys seriousness and tradition. Universities, financial institutions, and formal brands often use it to project authority and heritage. In web design, it serves as a subdued alternative to bright red for text or deep background sections. The word maroon comes from the French word marron, meaning chestnut.
Shades and tints of Maroon
Tints mix Maroon with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #8D1A1A | #730000 |
| 20% | #993333 | #660000 |
| 30% | #A64D4D | #5A0000 |
| 40% | #B36666 | #4D0000 |
| 50% | #C08080 | #400000 |
Color harmony for Maroon
These colors keep the same saturation and lightness as Maroon and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #008080 |
| Analogous | #800040 #804000 |
| Triadic | #008000 #000080 |
| Split complementary | #008040 #004080 |
Contrast and accessibility
Contrast between #800000 and white is 10.95:1 (passes AAA). Against black it is 1.92:1 (fails). For text on a Maroon background, white text is the more readable choice.
Use Maroon in CSS
.element {
color: maroon;
background-color: #800000;
border-color: rgb(128 0 0);
outline-color: hsl(0 100% 25%);
}All four lines produce exactly the same color. The keyword maroon is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Maroon?
The hex code for Maroon is #800000. As a CSS color keyword you can also write maroon.
What is Maroon in RGB?
Maroon is rgb(128, 0, 0): red 128, green 0, blue 0 on the 0 to 255 scale.
What color is closest to Maroon?
Of the CSS named colors, darkred (#8B0000) is the closest match to Maroon, followed by firebrick and brown.
More colors
- Magenta: previous page
- Navy: next page
- CSS named colors: the full list