Preview
#95a3ad
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.59:1 · vs black: 8.12:1
HEX
#95a3ad
RGB
rgb(149, 163, 173)
RGBA
rgba(149, 163, 173, 1)
HSL
hsl(205, 13%, 63%)
HSV
hsv(205, 14%, 68%)
LAB
lab(66.21% -2.83 -6.85)
LCH
lch(66.21% 7.41 247.55)
OKLAB
oklab(0.7076 -0.0112 -0.0185)
OKLCH
oklch(0.7076 0.0216 238.81)
XYZ
xyz(33.03, 35.60, 44.66)
CMYK
cmyk(14%, 6%, 0%, 32%)
CSS
color: #95a3ad;
CSS variable
--color-95a3ad: #95a3ad;
SCSS
$color-95a3ad: #95a3ad;
Tailwind
sky-300
Export
:root {
--#95a3ad-1: #95a3ad;
}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.