Preview
#c7dfe3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.09:1
HEX
#c7dfe3
RGB
rgb(199, 223, 227)
RGBA
rgba(199, 223, 227, 1)
HSL
hsl(189, 33%, 84%)
HSV
hsv(189, 12%, 89%)
LAB
lab(87.22% -7.13 -4.65)
LCH
lch(87.22% 8.51 213.11)
OKLAB
oklab(0.8871 -0.0229 -0.0126)
OKLCH
oklch(0.8871 0.0261 208.82)
XYZ
xyz(63.80, 70.46, 82.90)
CMYK
cmyk(12%, 2%, 0%, 11%)
CSS
color: #c7dfe3;
CSS variable
--color-c7dfe3: #c7dfe3;
SCSS
$color-c7dfe3: #c7dfe3;
Tailwind
cyan-100
Export
:root {
--#c7dfe3-1: #c7dfe3;
}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.