Preview
#b9cad5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.68:1 · vs black: 12.47:1
HEX
#b9cad5
RGB
rgb(185, 202, 213)
RGBA
rgba(185, 202, 213, 1)
HSL
hsl(204, 25%, 78%)
HSV
hsv(204, 13%, 84%)
LAB
lab(80.38% -3.54 -7.43)
LCH
lch(80.38% 8.23 244.52)
OKLAB
oklab(0.8295 -0.0135 -0.02)
OKLCH
oklch(0.8295 0.0241 235.98)
XYZ
xyz(53.14, 57.36, 71.21)
CMYK
cmyk(13%, 5%, 0%, 16%)
CSS
color: #b9cad5;
CSS variable
--color-b9cad5: #b9cad5;
SCSS
$color-b9cad5: #b9cad5;
Tailwind
sky-200
Export
:root {
--#b9cad5-1: #b9cad5;
}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.