RGB
210, 10, 46
HSL
349°, 91%, 43%
CMYK
0, 95, 78, 18
HSV
349°, 95%, 82%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #D20A2E |
color: #D20A2E;
|
| RGB | 210, 10, 46 |
color: rgb(210, 10, 46);
|
| RGB Percentage | 82%, 4%, 18% |
color: rgb(82%, 4%, 18%);
|
| CMYK | 0%, 95%, 78%, 18% | Not supported in CSS |
| HSL | 349°, 91%, 43% |
color: hsl(349, 91%, 43%);
|
| HSV | 349°, 95%, 82% | Not supported in CSS |
| CIE-LAB | 34, 40, -12 |
color: lab(34% 40 -12);
|
| Decimal | 13765166 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.cherry {
color: #D20A2E;
}
SCSS
$cherry: #D20A2E;
RGB
rgb(210, 10, 46)
Accessibility & Contrast
White background
5.49:1
5.49
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.82:1
3.82
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element