Preview
#b5ccd4
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.55:1
HEX
#b5ccd4
RGB
rgb(181, 204, 212)
RGBA
rgba(181, 204, 212, 1)
HSL
hsl(195, 26%, 77%)
HSV
hsv(195, 15%, 83%)
LAB
lab(80.61% -6.08 -6.59)
LCH
lch(80.61% 8.97 227.31)
OKLAB
oklab(0.8305 -0.0207 -0.0178)
OKLCH
oklch(0.8305 0.0273 220.69)
XYZ
xyz(52.53, 57.76, 70.66)
CMYK
cmyk(15%, 4%, 0%, 17%)
CSS
color: #b5ccd4;
CSS variable
--color-b5ccd4: #b5ccd4;
SCSS
$color-b5ccd4: #b5ccd4;
Tailwind
cyan-200
Export
:root {
--#b5ccd4-1: #b5ccd4;
}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.