RGB
255, 197, 211
HSL
346°, 100%, 89%
CMYK
0, 23, 17, 0
HSV
346°, 23%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFC5D3 |
color: #FFC5D3;
|
| RGB | 255, 197, 211 |
color: rgb(255, 197, 211);
|
| RGB Percentage | 100%, 77%, 83% |
color: rgb(100%, 77%, 83%);
|
| CMYK | 0%, 23%, 17%, 0% | Not supported in CSS |
| HSL | 346°, 100%, 89% |
color: hsl(346, 100%, 89%);
|
| HSV | 346°, 23%, 100% | Not supported in CSS |
| CIE-LAB | 71, 12, -5 |
color: lab(71% 12 -5);
|
| Decimal | 16762323 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.pastel-pink {
color: #FFC5D3;
}
SCSS
$pastel-pink: #FFC5D3;
RGB
rgb(255, 197, 211)
Accessibility & Contrast
White background
1.48:1
1.48
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
14.18:1
14.18
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element