Maroon #800000

Maroon#800000 · rgb(128, 0, 0)

Maroon color codes

CSS namemaroon
HEX#800000
RGBrgb(128, 0, 0)
HSLhsl(0, 100%, 25%)
CMYKcmyk(0%, 100%, 100%, 50%)
Decimal8388608

Shades of Maroon (darker)

#730000 · #660000 · #5A0000 · #4D0000 · #400000 · #330000 · #260000 · #1A0000 · #0D0000

Tints of Maroon (lighter)

#8D1A1A · #993333 · #A64D4D · #B36666 · #C08080 · #CC9999 · #D9B3B3 · #E6CCCC · #F2E6E6

Color harmonies

Complementary
#008080
Triadic
#008000, #000080
Analogous
#800040, #804000

Accessibility (WCAG contrast)

White text on Maroon10.95:1 · AAA
Black text on Maroon1.92:1 · Fail

Use Maroon in code

.element {
  color: maroon;          /* or #800000 */
  background-color: rgb(128 0 0 / 0.5);
}

Frequently asked questions

What is the hex code for Maroon?

Maroon is #800000 in HEX, rgb(128, 0, 0) in RGB and hsl(0, 100%, 25%) in HSL.

Can I use "maroon" directly in CSS?

Yes. "maroon" is one of the 148 standard CSS named colors, so color: maroon; works in every browser.

Is Maroon readable on white?

The contrast ratio of Maroon on white is 10.95:1 (WCAG AAA). On black it is 1.92:1 (Fail).

What is the complementary color of Maroon?

The complementary color (opposite on the color wheel) is #008080.

Similar colors

Dark Red#8B0000Fire Brick#B22222Brown#A52A2ASaddle Brown#8B4513Sienna#A0522DCrimson#DC143CDark Olive Green#556B2FRed#FF0000

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.