Preview
#afe1e9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.77:1
HEX
#afe1e9
RGB
rgb(175, 225, 233)
RGBA
rgba(175, 225, 233, 1)
HSL
hsl(188, 57%, 80%)
HSV
hsv(188, 25%, 91%)
LAB
lab(86.43% -14.23 -9.16)
LCH
lch(86.43% 16.92 212.77)
OKLAB
oklab(0.8776 -0.0463 -0.0249)
OKLCH
oklch(0.8776 0.0526 208.27)
XYZ
xyz(59.31, 68.85, 87.24)
CMYK
cmyk(25%, 3%, 0%, 9%)
CSS
color: #afe1e9;
CSS variable
--color-afe1e9: #afe1e9;
SCSS
$color-afe1e9: #afe1e9;
Tailwind
cyan-200
Export
:root {
--#afe1e9-1: #afe1e9;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.