Preview
#89adcb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.36:1 · vs black: 8.9:1
HEX
#89adcb
RGB
rgb(137, 173, 203)
RGBA
rgba(137, 173, 203, 1)
HSL
hsl(207, 39%, 67%)
HSV
hsv(207, 33%, 80%)
LAB
lab(69.12% -5.03 -19.2)
LCH
lch(69.12% 19.85 255.32)
OKLAB
oklab(0.7317 -0.0259 -0.0527)
OKLCH
oklch(0.7317 0.0587 243.83)
XYZ
xyz(36.04, 39.52, 62.22)
CMYK
cmyk(33%, 15%, 0%, 20%)
CSS
color: #89adcb;
CSS variable
--color-89adcb: #89adcb;
SCSS
$color-89adcb: #89adcb;
Tailwind
sky-300
Export
:root {
--#89adcb-1: #89adcb;
}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.