Preview
#8197ac
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.02:1 · vs black: 6.96:1
HEX
#8197ac
RGB
rgb(129, 151, 172)
RGBA
rgba(129, 151, 172, 1)
HSL
hsl(209, 21%, 59%)
HSV
hsv(209, 25%, 67%)
LAB
lab(61.46% -2.93 -13.54)
LCH
lch(61.46% 13.85 257.79)
OKLAB
oklab(0.6665 -0.0155 -0.0369)
OKLCH
oklch(0.6665 0.04 247.21)
XYZ
xyz(27.56, 29.78, 43.32)
CMYK
cmyk(25%, 12%, 0%, 33%)
CSS
color: #8197ac;
CSS variable
--color-8197ac: #8197ac;
SCSS
$color-8197ac: #8197ac;
Tailwind
sky-400
Export
:root {
--#8197ac-1: #8197ac;
}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.