Preview
#8f9aa3
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.87:1 · vs black: 7.32:1
HEX
#8f9aa3
RGB
rgb(143, 154, 163)
RGBA
rgba(143, 154, 163, 1)
HSL
hsl(207, 10%, 60%)
HSV
hsv(207, 12%, 64%)
LAB
lab(63.01% -2.04 -6.05)
LCH
lch(63.01% 6.38 251.37)
OKLAB
oklab(0.6803 -0.0085 -0.0163)
OKLCH
oklch(0.6803 0.0184 242.46)
XYZ
xyz(29.49, 31.59, 39.19)
CMYK
cmyk(12%, 6%, 0%, 36%)
CSS
color: #8f9aa3;
CSS variable
--color-8f9aa3: #8f9aa3;
SCSS
$color-8f9aa3: #8f9aa3;
Tailwind
sky-400
Export
:root {
--#8f9aa3-1: #8f9aa3;
}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.