Preview
#8ca3b8
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.61:1 · vs black: 8.05:1
HEX
#8ca3b8
RGB
rgb(140, 163, 184)
RGBA
rgba(140, 163, 184, 1)
HSL
hsl(209, 24%, 64%)
HSV
hsv(209, 24%, 72%)
LAB
lab(65.93% -3.27 -13.48)
LCH
lch(65.93% 13.87 256.36)
OKLAB
oklab(0.7049 -0.0164 -0.0367)
OKLCH
oklch(0.7049 0.0402 245.92)
XYZ
xyz(32.56, 35.23, 50.42)
CMYK
cmyk(24%, 11%, 0%, 28%)
CSS
color: #8ca3b8;
CSS variable
--color-8ca3b8: #8ca3b8;
SCSS
$color-8ca3b8: #8ca3b8;
Tailwind
sky-300
Export
:root {
--#8ca3b8-1: #8ca3b8;
}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.