Maroon is a dark, vivid shade in the red color family, with a warm feel. Its HEX code is #800000, which equals rgb(128, 0, 0) in RGB and hsl(0, 100%, 25%) in HSL. In print terms it converts to roughly C0 M100 Y100 K50, although exact CMYK results depend on the paper and color profile.
- HEX
#800000 - RGB
128, 0, 0 - HSL
0°, 100%, 25% - CMYK
0, 100, 100, 50 - Family
Red - Tone
Dark, vivid
About Maroon
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 10.95:1. Its complementary color is #008080.
Download Maroon as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Maroon color codes
| HEX | #800000 |
|---|---|
| RGB | rgb(128, 0, 0) |
| HSL | hsl(0, 100%, 25%) |
| HSV | 0°, 100%, 50% |
| CMYK | 0%, 100%, 100%, 50% |
| Decimal | 8388608 |
Shades and tints of Maroon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EAD5D5 - 100
#D5AAAA - 200
#C08080 - 300
#AA5555 - 400
#952B2B - 500
#800000 - 600
#6B0000 - 700
#550000 - 800
#400000 - 900
#2B0000 - 950
#150000
Color harmonies for Maroon
- Complementary
#008080≈ Dark Cyan Tone - Analogous −30°
#800040≈ Dark Blush - Analogous +30°
#804000≈ Dark Orange Tone - Triadic +120°
#008000≈ Dark Green Tone - Triadic +240°
#000080≈ Dark Blue Tone - Split 150°
#008040≈ Dark Mint - Split 210°
#004080≈ Dark Cerulean
Contrast and accessibility of Maroon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Maroon | Aa | 10.95:1 | AAA (excellent) |
| Black text on Maroon | Aa | 1.92:1 | Fails |
CSS code for Maroon
background-color: #800000;color: #800000;background-color: rgb(128, 0, 0);background-color: hsl(0, 100%, 25%);:root { --color-maroon: #800000; }class="bg-[#800000]"Colors similar to Maroon
- Dark Red Tone
#850000 - Dark Red
#8B0000 - Dark Cardinal
#85000D - Dark Scarlet
#850D00 - Dark Bright Red
#770D0D - Dark Crimson
#85001B - Dark Bright Cardinal
#770D18 - Burgundy
#800020 - Carmine
#960018 - Dark Bright Scarlet
#77180D - Dark Vermilion
#851B00 - Very Dark Red
#5C0000
More red shades
- Indian Red
#CD5C5C - Light Coral
#F08080 - Salmon
#FA8072 - Tomato
#FF6347 - Brown
#A52A2A - Dark Red
#8B0000 - Red
#FF0000 - Rosy Brown
#BC8F8F - Burgundy
#800020 - Vermilion
#E34234 - Terracotta
#E2725B
Frequently asked questions
What is the HEX code for Maroon?
The HEX code for Maroon is #800000.
What is the RGB value of Maroon?
Maroon has an RGB value of 128, 0, 0 (rgb(128, 0, 0)). In HSL it is 0°, 100%, 25%.
What text color should I use on Maroon?
Use white text on Maroon. White text has a contrast ratio of 10.95:1 and black text has 1.92:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Maroon?
The complementary color of Maroon is #008080. Analogous colors #800040 and #804000 also pair well.