Preview
#c8d4d6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.84:1
HEX
#c8d4d6
RGB
rgb(200, 212, 214)
RGBA
rgba(200, 212, 214, 1)
HSL
hsl(189, 15%, 81%)
HSV
hsv(189, 7%, 84%)
LAB
lab(84.08% -3.66 -2.39)
LCH
lch(84.08% 4.37 213.14)
OKLAB
oklab(0.8614 -0.0117 -0.0064)
OKLCH
oklch(0.8614 0.0133 208.68)
XYZ
xyz(59.50, 64.22, 72.87)
CMYK
cmyk(7%, 1%, 0%, 16%)
CSS
color: #c8d4d6;
CSS variable
--color-c8d4d6: #c8d4d6;
SCSS
$color-c8d4d6: #c8d4d6;
Tailwind
cyan-100
Export
:root {
--#c8d4d6-1: #c8d4d6;
}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.