Preview
#8f9da9
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.78:1 · vs black: 7.56:1
HEX
#8f9da9
RGB
rgb(143, 157, 169)
RGBA
rgba(143, 157, 169, 1)
HSL
hsl(208, 13%, 61%)
HSV
hsv(208, 15%, 66%)
LAB
lab(64.01% -2.4 -7.93)
LCH
lch(64.01% 8.29 253.16)
OKLAB
oklab(0.6888 -0.0105 -0.0214)
OKLCH
oklch(0.6888 0.0238 243.86)
XYZ
xyz(30.54, 32.82, 42.25)
CMYK
cmyk(15%, 7%, 0%, 34%)
CSS
color: #8f9da9;
CSS variable
--color-8f9da9: #8f9da9;
SCSS
$color-8f9da9: #8f9da9;
Tailwind
sky-300
Export
:root {
--#8f9da9-1: #8f9da9;
}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.