Preview
#9daaaf
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.39:1 · vs black: 8.8:1
HEX
#9daaaf
RGB
rgb(157, 170, 175)
RGBA
rgba(157, 170, 175, 1)
HSL
hsl(197, 10%, 65%)
HSV
hsv(197, 10%, 69%)
LAB
lab(68.76% -3.53 -4.13)
LCH
lch(68.76% 5.43 229.48)
OKLAB
oklab(0.7293 -0.012 -0.0111)
OKLCH
oklch(0.7293 0.0163 222.77)
XYZ
xyz(36.02, 39.01, 46.18)
CMYK
cmyk(10%, 3%, 0%, 31%)
CSS
color: #9daaaf;
CSS variable
--color-9daaaf: #9daaaf;
SCSS
$color-9daaaf: #9daaaf;
Tailwind
cyan-300
Export
:root {
--#9daaaf-1: #9daaaf;
}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.