Preview
#e2edf3
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.64:1
HEX
#e2edf3
RGB
rgb(226, 237, 243)
RGBA
rgba(226, 237, 243, 1)
HSL
hsl(201, 41%, 92%)
HSV
hsv(201, 7%, 95%)
LAB
lab(93.11% -2.52 -4.16)
LCH
lch(93.11% 4.86 238.79)
OKLAB
oklab(0.9396 -0.009 -0.0111)
OKLCH
oklch(0.9396 0.0143 230.96)
XYZ
xyz(77.82, 83.21, 96.74)
CMYK
cmyk(7%, 2%, 0%, 5%)
CSS
color: #e2edf3;
CSS variable
--color-e2edf3: #e2edf3;
SCSS
$color-e2edf3: #e2edf3;
Tailwind
sky-50
Export
:root {
--#e2edf3-1: #e2edf3;
}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.