Preview
#dfe5e8
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.51:1
HEX
#dfe5e8
RGB
rgb(223, 229, 232)
RGBA
rgba(223, 229, 232, 1)
HSL
hsl(200, 16%, 89%)
HSV
hsv(200, 4%, 91%)
LAB
lab(90.58% -1.45 -2.16)
LCH
lch(90.58% 2.6 236.13)
OKLAB
oklab(0.9182 -0.005 -0.0058)
OKLCH
oklch(0.9182 0.0077 229.24)
XYZ
xyz(73.01, 77.55, 87.45)
CMYK
cmyk(4%, 1%, 0%, 9%)
CSS
color: #dfe5e8;
CSS variable
--color-dfe5e8: #dfe5e8;
SCSS
$color-dfe5e8: #dfe5e8;
Tailwind
sky-100
Export
:root {
--#dfe5e8-1: #dfe5e8;
}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.