Preview
#cae2ed
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.61:1
HEX
#cae2ed
RGB
rgb(202, 226, 237)
RGBA
rgba(202, 226, 237, 1)
HSL
hsl(199, 49%, 86%)
HSV
hsv(199, 15%, 93%)
LAB
lab(88.48% -5.71 -8.04)
LCH
lch(88.48% 9.86 234.62)
OKLAB
oklab(0.8984 -0.0202 -0.0217)
OKLCH
oklch(0.8984 0.0296 227.05)
XYZ
xyz(66.84, 73.06, 90.69)
CMYK
cmyk(15%, 5%, 0%, 7%)
CSS
color: #cae2ed;
CSS variable
--color-cae2ed: #cae2ed;
SCSS
$color-cae2ed: #cae2ed;
Tailwind
cyan-100
Export
:root {
--#cae2ed-1: #cae2ed;
}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.