Preview
#949fa9
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.7:1 · vs black: 7.79:1
HEX
#949fa9
RGB
rgb(148, 159, 169)
RGBA
rgba(148, 159, 169, 1)
HSL
hsl(209, 11%, 62%)
HSV
hsv(209, 12%, 66%)
LAB
lab(64.93% -1.82 -6.53)
LCH
lch(64.93% 6.78 254.43)
OKLAB
oklab(0.6969 -0.008 -0.0176)
OKLCH
oklch(0.6969 0.0193 245.56)
XYZ
xyz(31.77, 33.96, 42.41)
CMYK
cmyk(12%, 6%, 0%, 34%)
CSS
color: #949fa9;
CSS variable
--color-949fa9: #949fa9;
SCSS
$color-949fa9: #949fa9;
Tailwind
sky-300
Export
:root {
--#949fa9-1: #949fa9;
}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.