Preview
#d7e9ec
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.25:1 · vs black: 16.76:1
HEX
#d7e9ec
RGB
rgb(215, 233, 236)
RGBA
rgba(215, 233, 236, 1)
HSL
hsl(189, 36%, 88%)
HSV
hsv(189, 9%, 93%)
LAB
lab(91.13% -5.36 -3.49)
LCH
lch(91.13% 6.4 213.07)
OKLAB
oklab(0.9215 -0.0172 -0.0094)
OKLCH
oklch(0.9215 0.0196 208.66)
XYZ
xyz(72.30, 78.78, 90.74)
CMYK
cmyk(9%, 1%, 0%, 7%)
CSS
color: #d7e9ec;
CSS variable
--color-d7e9ec: #d7e9ec;
SCSS
$color-d7e9ec: #d7e9ec;
Tailwind
cyan-100
Export
:root {
--#d7e9ec-1: #d7e9ec;
}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.