Maroon

maroon is a CSS color keyword. The closest Tailwind step is red-800 (#991b1b).

#800000rgb(128, 0, 0)
Hex
#800000
RGB
128, 0, 0
HSL
0°, 100%, 25%
OKLCH
37.7% 0.155 29.2
LAB
25.5 48.0 38.1

Open #800000 in the explorer

Text contrast

Black or white text on #800000. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text1.9:1 FailAPCA Lc 12
White text10.9:1 AAAAPCA Lc -96

Color vision

How #800000 looks in simulations of color blindness, at full severity.

Full color
#800000
Protanopia
#332c00
Deuteranopia
#504600
Tritanopia
#8e0003

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to maroon.

50100200300400500600700800900950

Copy into CSS

color: maroon;
background: #800000;
@theme {
  --color-maroon-50: #fff2ef;
  --color-maroon-100: #ffe0da;
  --color-maroon-200: #ffbfb4;
  --color-maroon-300: #ff9181;
  --color-maroon-400: #e86e5e;
  --color-maroon-500: #c54e41;
  --color-maroon-600: #a63226;
  --color-maroon-700: #8b130c;
  --color-maroon-800: #6a0000;
  --color-maroon-900: #470000;
  --color-maroon-950: #230000;
}