Preview
#d3dee2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.32:1
HEX
#d3dee2
RGB
rgb(211, 222, 226)
RGBA
rgba(211, 222, 226, 1)
HSL
hsl(196, 21%, 86%)
HSV
hsv(196, 7%, 89%)
LAB
lab(87.77% -2.93 -3.23)
LCH
lch(87.77% 4.36 227.79)
OKLAB
oklab(0.8934 -0.0098 -0.0087)
OKLCH
oklch(0.8934 0.0131 221.6)
XYZ
xyz(66.71, 71.58, 82.24)
CMYK
cmyk(7%, 2%, 0%, 11%)
CSS
color: #d3dee2;
CSS variable
--color-d3dee2: #d3dee2;
SCSS
$color-d3dee2: #d3dee2;
Tailwind
cyan-100
Export
:root {
--#d3dee2-1: #d3dee2;
}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.