- No data uploaded
- Instant results
Maroon — #800000
Maroon is the CSS named colour maroon, hex #800000. It has a contrast ratio of 10.95:1 on white and 1.92:1 on black — readable as text on white backgrounds (WCAG AA).
Maroon — #800000
Contrast on white 10.95:1 · on black 1.92:1
Tints
Shades
Complementary
Triadic
Analogous
Using Maroon in code
CSS: color: maroon; or color: #800000; · Tailwind: text-[#800000] · Android/Flutter: 0xFF800000
Maroon colour harmonies
Complementary: #008080 · Triadic: #008000, #000080 · Analogous: #800040, #804000. Use tints for backgrounds and shades for hover states.
Maroon in every colour format
| Format | Value |
|---|---|
| HEX | #800000 |
| RGB | rgb(128, 0, 0) |
| HSL | hsl(0, 100%, 25%) |
| HSV | hsv(0, 100%, 50%) |
| CMYK | cmyk(0%, 100%, 100%, 50%) |
| CSS name | maroon |
| Contrast on white | 10.95:1 |
| Contrast on black | 1.92:1 |
Frequently asked questions
What is the hex code for Maroon?
#800000 (CSS name: maroon).
What is Maroon in RGB?
rgb(128, 0, 0)
What colour goes well with Maroon?
Its complementary colour #008080, or the analogous #800040 and #804000.