Preview
#caedff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.07:1
HEX
#caedff
RGB
rgb(202, 237, 255)
RGBA
rgba(202, 237, 255, 1)
HSL
hsl(200, 100%, 90%)
HSV
hsv(200, 21%, 100%)
LAB
lab(91.84% -7.58 -12.46)
LCH
lch(91.84% 14.58 238.69)
OKLAB
oklab(0.9267 -0.0282 -0.0338)
OKLCH
oklch(0.9267 0.044 230.16)
XYZ
xyz(72.69, 80.34, 106.27)
CMYK
cmyk(21%, 7%, 0%, 0%)
CSS
color: #caedff;
CSS variable
--color-caedff: #caedff;
SCSS
$color-caedff: #caedff;
Tailwind
sky-100
Export
:root {
--#caedff-1: #caedff;
}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.