RGB
248, 131, 121
HSL
5°, 90%, 72%
CMYK
0, 47, 51, 3
HSV
5°, 51%, 97%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #F88379 |
color: #F88379;
|
| RGB | 248, 131, 121 |
color: rgb(248, 131, 121);
|
| RGB Percentage | 97%, 51%, 47% |
color: rgb(97%, 51%, 47%);
|
| CMYK | 0%, 47%, 51%, 3% | Not supported in CSS |
| HSL | 5°, 90%, 72% |
color: hsl(5, 90%, 72%);
|
| HSV | 5°, 51%, 97% | Not supported in CSS |
| CIE-LAB | 58, 23, 3 |
color: lab(58% 23 3);
|
| Decimal | 16286585 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.coral-pink {
color: #F88379;
}
SCSS
$coral-pink: #F88379;
RGB
rgb(248, 131, 121)
Accessibility & Contrast
White background
2.47:1
2.47
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
8.51:1
8.51
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element