Preview
#c7d3d5
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.71:1
HEX
#c7d3d5
RGB
rgb(199, 211, 213)
RGBA
rgba(199, 211, 213, 1)
HSL
hsl(189, 14%, 81%)
HSV
hsv(189, 7%, 84%)
LAB
lab(83.72% -3.67 -2.39)
LCH
lch(83.72% 4.38 213.07)
OKLAB
oklab(0.8583 -0.0117 -0.0064)
OKLCH
oklch(0.8583 0.0133 208.68)
XYZ
xyz(58.86, 63.53, 72.10)
CMYK
cmyk(7%, 1%, 0%, 16%)
CSS
color: #c7d3d5;
CSS variable
--color-c7d3d5: #c7d3d5;
SCSS
$color-c7d3d5: #c7d3d5;
Tailwind
cyan-100
Export
:root {
--#c7d3d5-1: #c7d3d5;
}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.