Preview
#dde5ec
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.49:1
HEX
#dde5ec
RGB
rgb(221, 229, 236)
RGBA
rgba(221, 229, 236, 1)
HSL
hsl(208, 28%, 90%)
HSV
hsv(208, 6%, 93%)
LAB
lab(90.54% -1.36 -4.33)
LCH
lch(90.54% 4.54 252.56)
OKLAB
oklab(0.9179 -0.0056 -0.0116)
OKLCH
oklch(0.9179 0.0129 244.23)
XYZ
xyz(72.98, 77.47, 90.45)
CMYK
cmyk(6%, 3%, 0%, 7%)
CSS
color: #dde5ec;
CSS variable
--color-dde5ec: #dde5ec;
SCSS
$color-dde5ec: #dde5ec;
Tailwind
sky-100
Export
:root {
--#dde5ec-1: #dde5ec;
}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.