Crimson color: code #DC143C

Crimson

#DC143C

Color codes

  • HEX#DC143C
  • RGBrgb(220, 20, 60)
  • HSLhsl(348, 83%, 47%)
  • HSVhsv(348, 91%, 86%)
  • CMYKcmyk(0%, 91%, 73%, 14%)
  • LABlab(47% 70.9 33.6)
  • OKLCHoklch(57.1% 0.222 20.1)

About the color Crimson

Crimson has the HEX code #DC143C, which corresponds to rgb(220, 20, 60) in the RGB model. On the color wheel its hue sits at 348°, with 83% saturation and 47% lightness (hsl(348, 83%, 47%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for light text: white reaches a 4.98:1 contrast ratio on it, versus 4.20:1 for black.

For print, the approximate conversion is cmyk(0%, 91%, 73%, 14%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Crimson

Complementary

#DC143C · #14DBB4

Analogous

#DB14A0 · #DC143C · #DB5014

Triadic

#DC143C · #3CDB14 · #143CDB

Tetradic

#DC143C · #A0DB14 · #14DBB4 · #5014DB

Split-complementary

#DC143C · #14DB50 · #14A0DB

Monochromatic

#670A1C · #AD102F · #DC143C · #EF4E6E · #F594A7

Crimson with white and black text

White text Aa Bb Cc 123
4.98:1 · AA
Black text Aa Bb Cc 123
4.20:1 · large text only

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-crimson: #DC143C;
  --color-crimson-rgb: 220, 20, 60;
}

.elemento {
  background-color: var(--color-crimson);
  color: #FFFFFF;
}