Preview
#8299a1
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.99:1 · vs black: 7.02:1
HEX
#8299a1
RGB
rgb(130, 153, 161)
RGBA
rgba(130, 153, 161, 1)
HSL
hsl(195, 14%, 57%)
HSV
hsv(195, 19%, 63%)
LAB
lab(61.74% -6.29 -6.9)
LCH
lch(61.74% 9.34 227.65)
OKLAB
oklab(0.6677 -0.0216 -0.0187)
OKLCH
oklch(0.6677 0.0286 220.88)
XYZ
xyz(27.03, 30.10, 38.10)
CMYK
cmyk(19%, 5%, 0%, 37%)
CSS
color: #8299a1;
CSS variable
--color-8299a1: #8299a1;
SCSS
$color-8299a1: #8299a1;
Tailwind
cyan-400
Export
:root {
--#8299a1-1: #8299a1;
}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.