Preview
#deeaf2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.16:1
HEX
#deeaf2
RGB
rgb(222, 234, 242)
RGBA
rgba(222, 234, 242, 1)
HSL
hsl(204, 43%, 91%)
HSV
hsv(204, 8%, 95%)
LAB
lab(92.04% -2.47 -5.24)
LCH
lch(92.04% 5.79 244.76)
OKLAB
oklab(0.9304 -0.0092 -0.0141)
OKLCH
oklch(0.9304 0.0168 236.88)
XYZ
xyz(75.57, 80.79, 95.60)
CMYK
cmyk(8%, 3%, 0%, 5%)
CSS
color: #deeaf2;
CSS variable
--color-deeaf2: #deeaf2;
SCSS
$color-deeaf2: #deeaf2;
Tailwind
sky-50
Export
:root {
--#deeaf2-1: #deeaf2;
}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.