Color code and palette
Maroon Color
Maroon is a deep red-brown with the CSS value #800000. It preserves red’s warmth while feeling more established and restrained, making it effective in heritage and academic systems.
Maroon #800000
Color formats
The same base color in common web formats.
HEX
#800000 RGB
rgb(128, 0, 0) HSL
hsl(0, 100%, 25%) OKLCH
oklch(38.0% 0.155 29.0) Maroon is a deep red-brown with the CSS value #800000. It preserves red’s warmth while feeling more established and restrained, making it effective in heritage and academic systems.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Maroon 50 | #FFE5E5 | ||
| Maroon 100 | #FFB3B3 | ||
| Maroon 200 | #FF8080 | ||
| Maroon 300 | #FF4D4D | ||
| Maroon 400 | #FF1A1A | ||
| Maroon 500 | #E60000 | ||
| Maroon 600 | #B30000 | ||
| Maroon 700 | #800000 | ||
| Maroon 800 | #4D0000 | ||
| Maroon 900 | #1A0000 |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use maroon
01
Academic and heritage identities
02
Rich editorial headings
03
Autumn palettes with beige and gold