RGB
255, 119, 130
HSL
355°, 100%, 73%
CMYK
0, 53, 49, 0
HSV
355°, 53%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FF7782 |
color: #FF7782;
|
| RGB | 255, 119, 130 |
color: rgb(255, 119, 130);
|
| RGB Percentage | 100%, 47%, 51% |
color: rgb(100%, 47%, 51%);
|
| CMYK | 0%, 53%, 49%, 0% | Not supported in CSS |
| HSL | 355°, 100%, 73% |
color: hsl(355, 100%, 73%);
|
| HSV | 355°, 53%, 100% | Not supported in CSS |
| CIE-LAB | 58, 27, -4 |
color: lab(58% 27 -4);
|
| Decimal | 16742274 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.blush-pink {
color: #FF7782;
}
SCSS
$blush-pink: #FF7782;
RGB
rgb(255, 119, 130)
Accessibility & Contrast
White background
2.56:1
2.56
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
8.21:1
8.21
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element