RGB
168, 195, 188
HSL
164°, 18%, 71%
CMYK
14, 0, 4, 24
HSV
164°, 14%, 76%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #A8C3BC |
color: #A8C3BC;
|
| RGB | 168, 195, 188 |
color: rgb(168, 195, 188);
|
| RGB Percentage | 66%, 76%, 74% |
color: rgb(66%, 76%, 74%);
|
| CMYK | 14%, 0%, 4%, 24% | Not supported in CSS |
| HSL | 164°, 18%, 71% |
color: hsl(164, 18%, 71%);
|
| HSV | 164°, 14%, 76% | Not supported in CSS |
| CIE-LAB | 57, -5, 2 |
color: lab(57% -5 2);
|
| Decimal | 11060156 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.opal {
color: #A8C3BC;
}
SCSS
$opal: #A8C3BC;
RGB
rgb(168, 195, 188)
Accessibility & Contrast
White background
1.88:1
1.88
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
11.20:1
11.20
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element