Preview
#c8e4e9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.73:1
HEX
#c8e4e9
RGB
rgb(200, 228, 233)
RGBA
rgba(200, 228, 233, 1)
HSL
hsl(189, 43%, 85%)
HSV
hsv(189, 14%, 91%)
LAB
lab(88.76% -8.17 -5.54)
LCH
lch(88.76% 9.87 214.14)
OKLAB
oklab(0.8999 -0.0264 -0.015)
OKLCH
oklch(0.8999 0.0304 209.6)
XYZ
xyz(66.27, 73.65, 87.80)
CMYK
cmyk(14%, 2%, 0%, 9%)
CSS
color: #c8e4e9;
CSS variable
--color-c8e4e9: #c8e4e9;
SCSS
$color-c8e4e9: #c8e4e9;
Tailwind
cyan-100
Export
:root {
--#c8e4e9-1: #c8e4e9;
}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.