Crimson in OKLCH

Crimson is the deep, slightly pink-leaning red CSS named color #DC143C. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(57.1% 0.222 20.1)

HEX#DC143C

RGBrgb(220 20 60)

sRGB: in gamutDisplay-P3: in gamut

#DC143C

oklch(57.1% 0.222 20.1)

Lightness57.1%

Chroma0.222

Hue20.1°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(57.1% 0.222 20.1)

HEX

#DC143C

RGB

rgb(220 20 60)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 4.99:1

AA ✓AAA ✗

APCA Lc 72

Aa on blackWCAG 4.21:1

AA ✗AAA ✗

APCA Lc 29

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.152 20.1);
  --color-brand-100: oklch(94.0% 0.158 20.1);
  --color-brand-200: oklch(88.0% 0.170 20.1);
  --color-brand-300: oklch(80.0% 0.186 20.1);
  --color-brand-400: oklch(70.0% 0.206 20.1);
  --color-brand-500: oklch(62.0% 0.222 20.1);
  --color-brand-600: oklch(54.0% 0.206 20.1);
  --color-brand-700: oklch(46.0% 0.190 20.1);
  --color-brand-800: oklch(38.0% 0.174 20.1);
  --color-brand-900: oklch(30.0% 0.158 20.1);
  --color-brand-950: oklch(22.0% 0.142 20.1);
}

About crimson

Crimson is a strong, energetic red with a faint pink lean that keeps it from feeling as heavy as pure red, which suits alerts, sale badges and bold brand accents. It is highly saturated, so lighter steps of the tonal scale stay vivid while darker ones deepen toward maroon. Keep the hue fixed to generate a clean red ramp, then copy the OKLCH, HEX or RGB value.

Crimson in CSS: oklch(57.1% 0.222 20.1) · #dc143c · rgb(220 20 60)

Frequently Asked Questions

Crimson (#DC143C) leans slightly toward pink and is a touch darker and more saturated than pure CSS red (#FF0000). In OKLCH the difference shows mainly in the hue and chroma values above.

Crimson is rgb(220, 20, 60). The RGB, HEX and OKLCH values are all shown in the readouts above and can each be copied in one click.

Other colors in OKLCH

Rebecca Purple Coral Teal Hot Pink Gold Navy

Back to the full OKLCH Color Picker