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.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Maroon 50 | #FFE5E5 | 255, 229, 229 | 0, 100%, 95% | ||
| Maroon 100 | #FFB3B3 | 255, 179, 179 | 0, 100%, 85% | ||
| Maroon 200 | #FF8080 | 255, 128, 128 | 0, 100%, 75% | ||
| Maroon 300 | #FF4D4D | 255, 77, 77 | 0, 100%, 65% | ||
| Maroon 400 | #FF1A1A | 255, 26, 26 | 0, 100%, 55% | ||
| Maroon 500 | #E60000 | 230, 0, 0 | 0, 100%, 45% | ||
| Maroon 600 | #B30000 | 179, 0, 0 | 0, 100%, 35% | ||
| Maroon 700 | #800000 | 128, 0, 0 | 0, 100%, 25% | ||
| Maroon 800 | #4D0000 | 77, 0, 0 | 0, 100%, 15% | ||
| Maroon 900 | #1A0000 | 26, 0, 0 | 0, 100%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 10.95:1
AAA
Aa Black text 1.92:1
Fail
Ways to use Maroon
Academic and heritage identities
Rich editorial headings
Autumn palettes with beige and gold
Colors that go with Maroon
Color-wheel harmonies built from #800000. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.