Preview
#d1ecf1
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.98:1
HEX
#d1ecf1
RGB
rgb(209, 236, 241)
RGBA
rgba(209, 236, 241, 1)
HSL
hsl(189, 53%, 88%)
HSV
hsv(189, 13%, 95%)
LAB
lab(91.64% -7.82 -5.41)
LCH
lch(91.64% 9.51 214.68)
OKLAB
oklab(0.9249 -0.0253 -0.0146)
OKLCH
oklch(0.9249 0.0292 209.99)
XYZ
xyz(72.16, 79.90, 94.82)
CMYK
cmyk(13%, 2%, 0%, 5%)
CSS
color: #d1ecf1;
CSS variable
--color-d1ecf1: #d1ecf1;
SCSS
$color-d1ecf1: #d1ecf1;
Tailwind
cyan-100
Export
:root {
--#d1ecf1-1: #d1ecf1;
}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.