Darkred

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

#8b0000rgb(139, 0, 0)
Hex
#8b0000
RGB
139, 0, 0
HSL
0°, 100%, 27%
OKLCH
40.0% 0.164 29.2
LAB
28.1 51.0 41.3

Open #8b0000 in the explorer

Text contrast

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

Black text2.1:1 FailAPCA Lc 14
White text10.0:1 AAAAPCA Lc -94

Color vision

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

Full color
#8b0000
Protanopia
#383000
Deuteranopia
#574c00
Tritanopia
#9a0004

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: darkred;
background: #8b0000;
@theme {
  --color-darkred-50: #fff2ef;
  --color-darkred-100: #ffe0da;
  --color-darkred-200: #ffbfb4;
  --color-darkred-300: #ff9181;
  --color-darkred-400: #ec6a5a;
  --color-darkred-500: #c94a3c;
  --color-darkred-600: #aa2c21;
  --color-darkred-700: #8e0704;
  --color-darkred-800: #6a0000;
  --color-darkred-900: #470000;
  --color-darkred-950: #230000;
}