Preview
#cadbe4
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.76:1
HEX
#cadbe4
RGB
rgb(202, 219, 228)
RGBA
rgba(202, 219, 228, 1)
HSL
hsl(201, 33%, 84%)
HSV
hsv(201, 11%, 89%)
LAB
lab(86.41% -3.91 -6.35)
LCH
lch(86.41% 7.46 238.38)
OKLAB
oklab(0.8814 -0.014 -0.0171)
OKLCH
oklch(0.8814 0.0221 230.69)
XYZ
xyz(63.69, 68.82, 83.31)
CMYK
cmyk(11%, 4%, 0%, 11%)
CSS
color: #cadbe4;
CSS variable
--color-cadbe4: #cadbe4;
SCSS
$color-cadbe4: #cadbe4;
Tailwind
sky-100
Export
:root {
--#cadbe4-1: #cadbe4;
}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.