RGB
255, 166, 201
HSL
336°, 100%, 83%
CMYK
0, 35, 21, 0
HSV
336°, 35%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFA6C9 |
color: #FFA6C9;
|
| RGB | 255, 166, 201 |
color: rgb(255, 166, 201);
|
| RGB Percentage | 100%, 65%, 79% |
color: rgb(100%, 65%, 79%);
|
| CMYK | 0%, 35%, 21%, 0% | Not supported in CSS |
| HSL | 336°, 100%, 83% |
color: hsl(336, 100%, 83%);
|
| HSV | 336°, 35%, 100% | Not supported in CSS |
| CIE-LAB | 66, 18, -12 |
color: lab(66% 18 -12);
|
| Decimal | 16754377 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.carnation-pink {
color: #FFA6C9;
}
SCSS
$carnation-pink: #FFA6C9;
RGB
rgb(255, 166, 201)
Accessibility & Contrast
White background
1.82:1
1.82
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
11.55:1
11.55
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element