Maroon color: code #800000
Maroon
#800000
Color codes
- HEX
#800000 - RGB
rgb(128, 0, 0) - HSL
hsl(0, 100%, 25%) - HSV
hsv(0, 100%, 50%) - CMYK
cmyk(0%, 100%, 100%, 50%) - LAB
lab(25.5% 48.1 38.1) - OKLCH
oklch(37.7% 0.155 29.2)
About the color Maroon
Maroon has the HEX code #800000, which corresponds to rgb(128, 0, 0) in the RGB model. On the color wheel its hue sits at 0°, with 100% saturation and 25% lightness (hsl(0, 100%, 25%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for light text: white reaches a 10.94:1 contrast ratio on it, versus 1.91:1 for black.
For print, the approximate conversion is cmyk(0%, 100%, 100%, 50%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Maroon
Complementary
#800000 · #008080
Analogous
#800040 · #800000 · #804000
Triadic
#800000 · #008000 · #000080
Tetradic
#800000 · #408000 · #008080 · #400080
Split-complementary
#800000 · #008040 · #004080
Monochromatic
#000000 · #4D0000 · #800000 · #CC0000 · #FF1A1A
Maroon with white and black text
How to use it in CSS
:root {
--color-maroon: #800000;
--color-maroon-rgb: 128, 0, 0;
}
.elemento {
background-color: var(--color-maroon);
color: #FFFFFF;
}