Preview
#d1dae2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.84:1
HEX
#d1dae2
RGB
rgb(209, 218, 226)
RGBA
rgba(209, 218, 226, 1)
HSL
hsl(208, 23%, 85%)
HSV
hsv(208, 8%, 89%)
LAB
lab(86.6% -1.51 -4.97)
LCH
lch(86.6% 5.19 253.1)
OKLAB
oklab(0.8839 -0.0063 -0.0133)
OKLCH
oklch(0.8839 0.0147 244.65)
XYZ
xyz(65.09, 69.19, 81.86)
CMYK
cmyk(8%, 4%, 0%, 11%)
CSS
color: #d1dae2;
CSS variable
--color-d1dae2: #d1dae2;
SCSS
$color-d1dae2: #d1dae2;
Tailwind
sky-100
Export
:root {
--#d1dae2-1: #d1dae2;
}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.