Preview
#8998a1
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.97:1 · vs black: 7.07:1
HEX
#8998a1
RGB
rgb(137, 152, 161)
RGBA
rgba(137, 152, 161, 1)
HSL
hsl(203, 11%, 58%)
HSV
hsv(203, 15%, 63%)
LAB
lab(61.95% -3.41 -6.53)
LCH
lch(61.95% 7.37 242.43)
OKLAB
oklab(0.6707 -0.0128 -0.0176)
OKLCH
oklch(0.6707 0.0218 233.97)
XYZ
xyz(27.98, 30.35, 38.09)
CMYK
cmyk(15%, 6%, 0%, 37%)
CSS
color: #8998a1;
CSS variable
--color-8998a1: #8998a1;
SCSS
$color-8998a1: #8998a1;
Tailwind
sky-400
Export
:root {
--#8998a1-1: #8998a1;
}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.