Preview
#89a6c2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.53:1 · vs black: 8.3:1
HEX
#89a6c2
RGB
rgb(137, 166, 194)
RGBA
rgba(137, 166, 194, 1)
HSL
hsl(209, 32%, 65%)
HSV
hsv(209, 29%, 76%)
LAB
lab(66.89% -3.43 -17.61)
LCH
lch(66.89% 17.94 258.98)
OKLAB
oklab(0.7131 -0.0198 -0.0483)
OKLCH
oklch(0.7131 0.0522 247.71)
XYZ
xyz(33.69, 36.48, 56.30)
CMYK
cmyk(29%, 14%, 0%, 24%)
CSS
color: #89a6c2;
CSS variable
--color-89a6c2: #89a6c2;
SCSS
$color-89a6c2: #89a6c2;
Tailwind
sky-300
Export
:root {
--#89a6c2-1: #89a6c2;
}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.