Preview
#8da7bf
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.5:1 · vs black: 8.41:1
HEX
#8da7bf
RGB
rgb(141, 167, 191)
RGBA
rgba(141, 167, 191, 1)
HSL
hsl(209, 28%, 65%)
HSV
hsv(209, 26%, 75%)
LAB
lab(67.32% -3.5 -15.27)
LCH
lch(67.32% 15.67 257.09)
OKLAB
oklab(0.7168 -0.0183 -0.0417)
OKLCH
oklch(0.7168 0.0455 246.31)
XYZ
xyz(34.20, 37.06, 54.63)
CMYK
cmyk(26%, 13%, 0%, 25%)
CSS
color: #8da7bf;
CSS variable
--color-8da7bf: #8da7bf;
SCSS
$color-8da7bf: #8da7bf;
Tailwind
sky-300
Export
:root {
--#8da7bf-1: #8da7bf;
}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.