RGB
255, 44, 44
HSL
0°, 100%, 59%
CMYK
0, 83, 83, 0
HSV
0°, 83%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FF2C2C |
color: #FF2C2C;
|
| RGB | 255, 44, 44 |
color: rgb(255, 44, 44);
|
| RGB Percentage | 100%, 17%, 17% |
color: rgb(100%, 17%, 17%);
|
| CMYK | 0%, 83%, 83%, 0% | Not supported in CSS |
| HSL | 0°, 100%, 59% |
color: hsl(0, 100%, 59%);
|
| HSV | 0°, 83%, 100% | Not supported in CSS |
| CIE-LAB | 47, 42, 0 |
color: lab(47% 42 0);
|
| Decimal | 16722988 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.red {
color: #FF2C2C;
}
SCSS
$red: #FF2C2C;
RGB
rgb(255, 44, 44)
Accessibility & Contrast
White background
3.72:1
3.72
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
5.65:1
5.65
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element