Preview
#e2eaed
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.23:1
HEX
#e2eaed
RGB
rgb(226, 234, 237)
RGBA
rgba(226, 234, 237, 1)
HSL
hsl(196, 23%, 91%)
HSV
hsv(196, 5%, 93%)
LAB
lab(92.19% -2.11 -2.38)
LCH
lch(92.19% 3.18 228.44)
OKLAB
oklab(0.9319 -0.0071 -0.0064)
OKLCH
oklch(0.9319 0.0096 222.03)
XYZ
xyz(76.07, 81.13, 91.76)
CMYK
cmyk(5%, 1%, 0%, 7%)
CSS
color: #e2eaed;
CSS variable
--color-e2eaed: #e2eaed;
SCSS
$color-e2eaed: #e2eaed;
Tailwind
cyan-50
Export
:root {
--#e2eaed-1: #e2eaed;
}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.