Preview
#87c1de
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.71:1
HEX
#87c1de
RGB
rgb(135, 193, 222)
RGBA
rgba(135, 193, 222, 1)
HSL
hsl(200, 57%, 70%)
HSV
hsv(200, 39%, 87%)
LAB
lab(75.18% -11.44 -20.39)
LCH
lch(75.18% 23.38 240.7)
OKLAB
oklab(0.7814 -0.0463 -0.0562)
OKLCH
oklch(0.7814 0.0728 230.52)
XYZ
xyz(42.24, 48.56, 76.24)
CMYK
cmyk(39%, 13%, 0%, 13%)
CSS
color: #87c1de;
CSS variable
--color-87c1de: #87c1de;
SCSS
$color-87c1de: #87c1de;
Tailwind
sky-300
Export
:root {
--spectrum-#87c1de-1: #87c1de;
}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.