Preview
#cadae3
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.65:1
HEX
#cadae3
RGB
rgb(202, 218, 227)
RGBA
rgba(202, 218, 227, 1)
HSL
hsl(202, 31%, 84%)
HSV
hsv(202, 11%, 89%)
LAB
lab(86.13% -3.59 -6.24)
LCH
lch(86.13% 7.2 240.09)
OKLAB
oklab(0.879 -0.013 -0.0168)
OKLCH
oklch(0.879 0.0212 232.27)
XYZ
xyz(63.29, 68.24, 82.50)
CMYK
cmyk(11%, 4%, 0%, 11%)
CSS
color: #cadae3;
CSS variable
--color-cadae3: #cadae3;
SCSS
$color-cadae3: #cadae3;
Tailwind
sky-100
Export
:root {
--#cadae3-1: #cadae3;
}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.