CSS named color
Maroon
#800000
HEX
#800000RGB
rgb(128, 0, 0)HSL
hsl(0, 100%, 25%)OKLCH
oklch(37.67% 0.1546 29.23)NAME
maroonPalette
Complementary
180° on the color wheelComplement
#007F80
Analogous
±30° around the base hueLeft
#800040
Right
#804000
Triadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: maroon;
background-color: maroon;By HEX
color: #800000;
background-color: #800000;By RGB
color: rgb(128, 0, 0);
background-color: rgb(128, 0, 0);By HSL
color: hsl(0, 100%, 25%);
background-color: hsl(0, 100%, 25%);WCAG contrast vs white
Aa
10.95:1
AAA
WCAG contrast vs black
Aa
1.92:1
Below minimum
Related colors
FAQ — Maroon
What is the HEX code for Maroon?
The HEX code for Maroon is #800000. It's one of the 148 named CSS colors and can be used directly in CSS as color: maroon; or color: #800000;
What is Maroon in RGB?
Maroon in RGB is rgb(128, 0, 0) — red 128, green 0, blue 0.
What is Maroon in HSL?
Maroon in HSL is hsl(0, 100%, 25%) — hue 0°, saturation 100%, lightness 25%.
What is the complementary color of Maroon?
The complementary color (directly opposite Maroon on the color wheel) is #007F80. The two together produce maximum contrast.
Is white text readable on Maroon?
The WCAG contrast ratio against white (#FFFFFF) is 10.95:1, and against black (#000000) it's 1.92:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.