Preview
#cbe6ef
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.3:1 · vs black: 16.1:1
HEX
#cbe6ef
RGB
rgb(203, 230, 239)
RGBA
rgba(203, 230, 239, 1)
HSL
hsl(195, 53%, 87%)
HSV
hsv(195, 15%, 94%)
LAB
lab(89.64% -7.04 -7.36)
LCH
lch(89.64% 10.18 226.27)
OKLAB
oklab(0.9079 -0.0239 -0.0199)
OKLCH
oklch(0.9079 0.0311 219.78)
XYZ
xyz(68.50, 75.52, 92.61)
CMYK
cmyk(15%, 4%, 0%, 6%)
CSS
color: #cbe6ef;
CSS variable
--color-cbe6ef: #cbe6ef;
SCSS
$color-cbe6ef: #cbe6ef;
Tailwind
cyan-100
Export
:root {
--#cbe6ef-1: #cbe6ef;
}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.