Preview
#9ca6ad
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.48:1 · vs black: 8.47:1
HEX
#9ca6ad
RGB
rgb(156, 166, 173)
RGBA
rgba(156, 166, 173, 1)
HSL
hsl(205, 9%, 65%)
HSV
hsv(205, 10%, 68%)
LAB
lab(67.54% -2.11 -4.82)
LCH
lch(67.54% 5.26 246.36)
OKLAB
oklab(0.7194 -0.0081 -0.013)
OKLCH
oklch(0.7194 0.0153 238.07)
XYZ
xyz(34.89, 37.36, 44.90)
CMYK
cmyk(10%, 4%, 0%, 32%)
CSS
color: #9ca6ad;
CSS variable
--color-9ca6ad: #9ca6ad;
SCSS
$color-9ca6ad: #9ca6ad;
Tailwind
sky-300
Export
:root {
--#9ca6ad-1: #9ca6ad;
}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.