RGB
178, 255, 255
HSL
180°, 100%, 85%
CMYK
30, 0, 0, 0
HSV
180°, 30%, 100%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #B2FFFF |
color: #B2FFFF;
|
| RGB | 178, 255, 255 |
color: rgb(178, 255, 255);
|
| RGB Percentage | 70%, 100%, 100% |
color: rgb(70%, 100%, 100%);
|
| CMYK | 30%, 0%, 0%, 0% | Not supported in CSS |
| HSL | 180°, 100%, 85% |
color: hsl(180, 100%, 85%);
|
| HSV | 180°, 30%, 100% | Not supported in CSS |
| CIE-LAB | 68, -15, 0 |
color: lab(68% -15 0);
|
| Decimal | 11730943 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.celeste {
color: #B2FFFF;
}
SCSS
$celeste: #B2FFFF;
RGB
rgb(178, 255, 255)
Accessibility & Contrast
White background
1.13:1
1.13
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
18.64:1
18.64
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element