Preview
#b4bcbf
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.89:1
HEX
#b4bcbf
RGB
rgb(180, 188, 191)
RGBA
rgba(180, 188, 191, 1)
HSL
hsl(196, 8%, 73%)
HSV
hsv(196, 6%, 75%)
LAB
lab(75.72% -2.19 -2.47)
LCH
lch(75.72% 3.3 228.44)
OKLAB
oklab(0.7898 -0.0073 -0.0066)
OKLCH
oklch(0.7898 0.0098 222.12)
XYZ
xyz(46.21, 49.43, 56.39)
CMYK
cmyk(6%, 2%, 0%, 25%)
CSS
color: #b4bcbf;
CSS variable
--color-b4bcbf: #b4bcbf;
SCSS
$color-b4bcbf: #b4bcbf;
Tailwind
cyan-200
Export
:root {
--#b4bcbf-1: #b4bcbf;
}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.