Crimson

crimson is a CSS color keyword. The closest Tailwind step is rose-600 (#e11d48).

#dc143crgb(220, 20, 60)
Hex
#dc143c
RGB
220, 20, 60
HSL
348°, 83%, 47%
OKLCH
57.1% 0.222 20.1
LAB
47.0 70.9 33.6

Open #dc143c in the explorer

Text contrast

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

Black text4.2:1 FailAPCA Lc 33
White text5.0:1 AAAPCA Lc -77

Color vision

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

Full color
#dc143c
Protanopia
#5c553b
Deuteranopia
#8b7e35
Tritanopia
#f20029

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: crimson;
background: #dc143c;
@theme {
  --color-crimson-50: #fff1f1;
  --color-crimson-100: #ffdfde;
  --color-crimson-200: #ffbebc;
  --color-crimson-300: #ff8f90;
  --color-crimson-400: #ff5160;
  --color-crimson-500: #df1a3f;
  --color-crimson-600: #b6002d;
  --color-crimson-700: #8e0021;
  --color-crimson-800: #690016;
  --color-crimson-900: #46000b;
  --color-crimson-950: #230003;
}