Preview
#cbe4ec
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.85:1
HEX
#cbe4ec
RGB
rgb(203, 228, 236)
RGBA
rgba(203, 228, 236, 1)
HSL
hsl(195, 46%, 86%)
HSV
hsv(195, 14%, 93%)
LAB
lab(89.03% -6.62 -6.68)
LCH
lch(89.03% 9.4 225.26)
OKLAB
oklab(0.9029 -0.0223 -0.018)
OKLCH
oklch(0.9029 0.0287 218.91)
XYZ
xyz(67.51, 74.24, 90.11)
CMYK
cmyk(14%, 3%, 0%, 7%)
CSS
color: #cbe4ec;
CSS variable
--color-cbe4ec: #cbe4ec;
SCSS
$color-cbe4ec: #cbe4ec;
Tailwind
cyan-100
Export
:root {
--#cbe4ec-1: #cbe4ec;
}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.