Preview
#c2d9dc
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.25:1
HEX
#c2d9dc
RGB
rgb(194, 217, 220)
RGBA
rgba(194, 217, 220, 1)
HSL
hsl(187, 27%, 81%)
HSV
hsv(187, 12%, 86%)
LAB
lab(85.13% -7.04 -4.08)
LCH
lch(85.13% 8.14 210.09)
OKLAB
oklab(0.8691 -0.0224 -0.011)
OKLCH
oklch(0.8691 0.025 206.15)
XYZ
xyz(59.98, 66.26, 77.33)
CMYK
cmyk(12%, 1%, 0%, 14%)
CSS
color: #c2d9dc;
CSS variable
--color-c2d9dc: #c2d9dc;
SCSS
$color-c2d9dc: #c2d9dc;
Tailwind
cyan-100
Export
:root {
--#c2d9dc-1: #c2d9dc;
}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.