Preview
#d9e4e8
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.3:1 · vs black: 16.21:1
HEX
#d9e4e8
RGB
rgb(217, 228, 232)
RGBA
rgba(217, 228, 232, 1)
HSL
hsl(196, 25%, 88%)
HSV
hsv(196, 6%, 91%)
LAB
lab(89.89% -2.91 -3.21)
LCH
lch(89.89% 4.33 227.81)
OKLAB
oklab(0.9117 -0.0098 -0.0086)
OKLCH
oklch(0.9117 0.013 221.27)
XYZ
xyz(70.92, 76.06, 87.27)
CMYK
cmyk(6%, 2%, 0%, 9%)
CSS
color: #d9e4e8;
CSS variable
--color-d9e4e8: #d9e4e8;
SCSS
$color-d9e4e8: #d9e4e8;
Tailwind
cyan-100
Export
:root {
--#d9e4e8-1: #d9e4e8;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.