Preview
#a9bac2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2:1 · vs black: 10.49:1
HEX
#a9bac2
RGB
rgb(169, 186, 194)
RGBA
rgba(169, 186, 194, 1)
HSL
hsl(199, 17%, 71%)
HSV
hsv(199, 13%, 76%)
LAB
lab(74.47% -4.2 -6.03)
LCH
lch(74.47% 7.35 235.14)
OKLAB
oklab(0.7783 -0.0148 -0.0162)
OKLCH
oklch(0.7783 0.0219 227.59)
XYZ
xyz(43.66, 47.45, 57.89)
CMYK
cmyk(13%, 4%, 0%, 24%)
CSS
color: #a9bac2;
CSS variable
--color-a9bac2: #a9bac2;
SCSS
$color-a9bac2: #a9bac2;
Tailwind
cyan-200
Export
:root {
--#a9bac2-1: #a9bac2;
}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.