Color reference

Maroon #800000

Maroon is the standard CSS named color #800000, a dark red with no green or blue component.

Maroon is the CSS named color keyword maroon, standardized at #800000 in sRGB.

Maroon #800000 10.95:1 with white text

Color values

HEX#800000
RGBrgb(128, 0, 0)
HSLhsl(0 100% 25%)
HSV0°, 100%, 50%
CMYK0%, 100%, 100%, 50%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 1.92:1 — AA normal text fails
White text 10.95:1 — AA normal text passes

AA normal text: black fails; white passes.

AA large text: black fails; white passes.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Maroon

These steps are computed by RGB-mixing #800000 toward white or black. They are generated values, not official named colors.

80% tint #E6CCCC
60% tint #CC9999
40% tint #B36666
20% tint #993333
Base #800000
20% shade #660000
40% shade #4D0000
60% shade #330000
80% shade #1A0000

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #FFFFFF;
  background-color: maroon;
}

You can use either maroon or #800000 in CSS; both resolve to the same sRGB color.