RGB
220, 20, 60
HSL
348°, 83%, 47%
CMYK
0, 91, 73, 14
HSV
348°, 91%, 86%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #DC143C |
color: #DC143C;
|
| RGB | 220, 20, 60 |
color: rgb(220, 20, 60);
|
| RGB Percentage | 86%, 8%, 24% |
color: rgb(86%, 8%, 24%);
|
| CMYK | 0%, 91%, 73%, 14% | Not supported in CSS |
| HSL | 348°, 83%, 47% |
color: hsl(348, 83%, 47%);
|
| HSV | 348°, 91%, 86% | Not supported in CSS |
| CIE-LAB | 38, 40, -13 |
color: lab(38% 40 -13);
|
| Decimal | 14423100 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.crimson {
color: #DC143C;
}
SCSS
$crimson: #DC143C;
RGB
rgb(220, 20, 60)
Accessibility & Contrast
White background
4.99:1
4.99
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
4.21:1
4.21
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element