What is the hex code for Maroon?

The hex code for Maroon is #800000. In RGB that is rgb(128, 0, 0), and in HSL it is hsl(0, 100%, 25%).

What RGB values make Maroon?

Maroon is 128 red, 0 green, and 0 blue, written as rgb(128, 0, 0).

Maroon scores 10.95:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.

Yes. You can write color: maroon directly in CSS, which every browser resolves to #800000.

#800000

Maroon is a red tone at #800000. It sits at 0 degrees on the color wheel with 100% saturation and 25% lightness.

Color values

Tints mix Maroon with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#E6CCCC

Tint 60%

#CC9999

Tint 40%

#B36666

Tint 20%

#993333

Base

#800000

Shade 20%

#660000

Shade 40%

#4D0000

Shade 60%

#330000

Shade 80%

#1A0000

On white

Sample text

10.95:1

Passes AAA for body text

On black

Sample text

1.92:1

Fails WCAG for text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Maroon?: The hex code for Maroon is #800000. In RGB that is rgb(128, 0, 0), and in HSL it is hsl(0, 100%, 25%).
What RGB values make Maroon?: Maroon is 128 red, 0 green, and 0 blue, written as rgb(128, 0, 0).
Is Maroon readable as text on a white background?: Maroon scores 10.95:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.
Is Maroon a valid CSS color name?: Yes. You can write color: maroon directly in CSS, which every browser resolves to #800000.