Preview
#acb8bc
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.34:1
HEX
#acb8bc
RGB
rgb(172, 184, 188)
RGBA
rgba(172, 184, 188, 1)
HSL
hsl(195, 11%, 71%)
HSV
hsv(195, 9%, 74%)
LAB
lab(73.99% -3.35 -3.45)
LCH
lch(73.99% 4.81 225.84)
OKLAB
oklab(0.7745 -0.0112 -0.0093)
OKLCH
oklch(0.7745 0.0146 219.7)
XYZ
xyz(43.23, 46.68, 54.30)
CMYK
cmyk(9%, 2%, 0%, 26%)
CSS
color: #acb8bc;
CSS variable
--color-acb8bc: #acb8bc;
SCSS
$color-acb8bc: #acb8bc;
Tailwind
cyan-200
Export
:root {
--#acb8bc-1: #acb8bc;
}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.