#800000
Maroon
Maroon is a dark brownish-red named after the French word for chestnut. It is rich, warm, and sophisticated, popular in academic and formal contexts.
Maroon Color Values
HEX#800000
RGB128, 0, 0
HSL0°, 100%, 25%
HSV0°, 100%, 50%
CMYK0%, 100%, 100%, 50%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #322A00 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #4F4500 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #8E0000 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #474747 (~0.003% of population)
Maroon as Text Color
Maroon on White
10.9:1AAA
Maroon on Light Gray
10.0:1AAA
Maroon on Cream
10.3:1AAA
Maroon on Dark
1.6:1FAIL
Maroon on Black
1.9:1FAIL
Maroon on Soft Blue
9.6:1AAA
Maroon on Soft Green
9.7:1AAA
Maroon on Soft Pink
9.1:1AAA
Nearest Tailwind Class
red-900
#7F1D1D
Nearest Pantone Match
Pantone 7621 C
#8B2332
CSS Variable Export
:root {
--color-maroon: #800000;
--color-maroon-rgb: 128, 0, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'maroon': '#800000',
}Shades of Maroon
#800000
#700000
#610000
#570000
#470000
#380000
#290000
#1F0000
#0F0000
#000000
Tints of Maroon
#800000
#A80000
#D60000
#FF0000
#FF2929
#FF5757
#FF8080
#FFA8A8
#FFD6D6
#FFFFFF
Color Harmonies
Complementary
#800000
#007F80
Analogous
#800040
#800000
#804000
Triadic
#800000
#008000
#000080
Maroon Text Preview
Heading in Maroon
Body text in Maroon. The quick brown fox jumps over the lazy dog.
White on Maroon
Body text on a Maroon background.
Maroon text on dark background
Contrast: 1.6:1