RGB
242, 189, 205
HSL
342°, 67%, 85%
CMYK
0, 22, 15, 5
HSV
342°, 22%, 95%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #F2BDCD |
color: #F2BDCD;
|
| RGB | 242, 189, 205 |
color: rgb(242, 189, 205);
|
| RGB Percentage | 95%, 74%, 80% |
color: rgb(95%, 74%, 80%);
|
| CMYK | 0%, 22%, 15%, 5% | Not supported in CSS |
| HSL | 342°, 67%, 85% |
color: hsl(342, 67%, 85%);
|
| HSV | 342°, 22%, 95% | Not supported in CSS |
| CIE-LAB | 68, 11, -5 |
color: lab(68% 11 -5);
|
| Decimal | 15908301 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.orchid-pink {
color: #F2BDCD;
}
SCSS
$orchid-pink: #F2BDCD;
RGB
rgb(242, 189, 205)
Accessibility & Contrast
White background
1.62:1
1.62
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
12.94:1
12.94
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element