RGB
143, 217, 251
HSL
199°, 93%, 77%
CMYK
43, 14, 0, 2
HSV
199°, 43%, 98%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #8FD9FB |
color: #8FD9FB;
|
| RGB | 143, 217, 251 |
color: rgb(143, 217, 251);
|
| RGB Percentage | 56%, 85%, 98% |
color: rgb(56%, 85%, 98%);
|
| CMYK | 43%, 14%, 0%, 2% | Not supported in CSS |
| HSL | 199°, 93%, 77% |
color: hsl(199, 93%, 77%);
|
| HSV | 199°, 43%, 98% | Not supported in CSS |
| CIE-LAB | 62, -15, -11 |
color: lab(62% -15 -11);
|
| Decimal | 9427451 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.baby-blue {
color: #8FD9FB;
}
SCSS
$baby-blue: #8FD9FB;
RGB
rgb(143, 217, 251)
Accessibility & Contrast
White background
1.56:1
1.56
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
13.49:1
13.49
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element