Preview
#d2e2ec
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.83:1
HEX
#d2e2ec
RGB
rgb(210, 226, 236)
RGBA
rgba(210, 226, 236, 1)
HSL
hsl(203, 41%, 87%)
HSV
hsv(203, 11%, 93%)
LAB
lab(88.99% -3.38 -6.69)
LCH
lch(88.99% 7.5 243.2)
OKLAB
oklab(0.9038 -0.0126 -0.018)
OKLCH
oklch(0.9038 0.022 235.01)
XYZ
xyz(68.91, 74.15, 90.02)
CMYK
cmyk(11%, 4%, 0%, 7%)
CSS
color: #d2e2ec;
CSS variable
--color-d2e2ec: #d2e2ec;
SCSS
$color-d2e2ec: #d2e2ec;
Tailwind
sky-100
Export
:root {
--#d2e2ec-1: #d2e2ec;
}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.