Crimson color (#DC143C)
Crimson is one of the 148 CSS named colors. Use the keyword crimson
anywhere CSS accepts a color, or its hex code #DC143C, which is rgb(220, 20, 60) in RGB.
It is a medium, vivid warm color with a hue angle of 348° on the HSL color wheel and a perceived lightness of 57% in OKLCH. On a crimson background, white text gives the higher contrast at 4.98:1, which passes WCAG AA for normal text.
Crimson color codes
| CSS name | crimson |
|
|---|---|---|
| HEX | #DC143C |
|
| HEX (8-digit) | #DC143CFF |
|
| RGB | rgb(220, 20, 60) |
|
| HSL | hsl(348, 83%, 47%) |
|
| HSV / HSB | hsv(348, 91%, 86%) |
|
| OKLCH | oklch(57.1% 0.2219 20.1) |
|
| CMYK | cmyk(0%, 90.9%, 72.7%, 13.7%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for crimson used as text and as a background.
Tints and shades of crimson
Tints mix crimson with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with crimson
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Crimson with color blindness
Approximately how crimson appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using crimson in CSS
.element {
color: crimson;
background-color: #dc143c;
border-color: rgb(220 20 60 / 50%);
outline-color: oklch(57.1% 0.2219 20.1);
}Similar named colors
See all shades of red or browse every CSS color name.