Preview
#9baab1
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.39:1 · vs black: 8.78:1
HEX
#9baab1
RGB
rgb(155, 170, 177)
RGBA
rgba(155, 170, 177, 1)
HSL
hsl(199, 12%, 65%)
HSV
hsv(199, 12%, 69%)
LAB
lab(68.67% -3.79 -5.38)
LCH
lch(68.67% 6.58 234.84)
OKLAB
oklab(0.7285 -0.0133 -0.0145)
OKLCH
oklch(0.7285 0.0197 227.47)
XYZ
xyz(35.83, 38.89, 47.21)
CMYK
cmyk(12%, 4%, 0%, 31%)
CSS
color: #9baab1;
CSS variable
--color-9baab1: #9baab1;
SCSS
$color-9baab1: #9baab1;
Tailwind
cyan-300
Export
:root {
--#9baab1-1: #9baab1;
}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.