Preview
#b0bdc9
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 10.97:1
HEX
#b0bdc9
RGB
rgb(176, 189, 201)
RGBA
rgba(176, 189, 201, 1)
HSL
hsl(209, 19%, 74%)
HSV
hsv(209, 12%, 79%)
LAB
lab(75.97% -2.05 -7.56)
LCH
lch(75.97% 7.83 254.83)
OKLAB
oklab(0.792 -0.0091 -0.0204)
OKLCH
oklch(0.792 0.0223 245.96)
XYZ
xyz(46.64, 49.84, 62.41)
CMYK
cmyk(12%, 6%, 0%, 21%)
CSS
color: #b0bdc9;
CSS variable
--color-b0bdc9: #b0bdc9;
SCSS
$color-b0bdc9: #b0bdc9;
Tailwind
sky-200
Export
:root {
--#b0bdc9-1: #b0bdc9;
}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.