Preview
#87a0b0
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.73:1 · vs black: 7.69:1
HEX
#87a0b0
RGB
rgb(135, 160, 176)
RGBA
rgba(135, 160, 176, 1)
HSL
hsl(203, 21%, 61%)
HSV
hsv(203, 23%, 69%)
LAB
lab(64.5% -5.08 -11.18)
LCH
lch(64.5% 12.28 245.56)
OKLAB
oklab(0.692 -0.0204 -0.0304)
OKLCH
oklch(0.692 0.0366 236.14)
XYZ
xyz(30.40, 33.43, 45.92)
CMYK
cmyk(23%, 9%, 0%, 31%)
CSS
color: #87a0b0;
CSS variable
--color-87a0b0: #87a0b0;
SCSS
$color-87a0b0: #87a0b0;
Tailwind
sky-300
Export
:root {
--#87a0b0-1: #87a0b0;
}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.