CSS named color

Sky Blue #87CEEB

Sky Blue is light cyan. Below: every color format, WCAG contrast against black and white, its tints, shades and tones, and the harmonies that pair with it.

Color values

Contrast & accessibility

WCAG contrast ratio of Sky Blue used as a foreground on white and black backgrounds.

Aa The quick brown fox
1.74:1

On white

AA ✕ AAA ✕ AA Large ✕
Aa The quick brown fox
12.06:1

On black

AA ✓ AAA ✓ AA Large ✓

Tints, shades & tones

Systematic variations of Sky Blue — click any swatch to copy its hex.

Tintsmixed toward white
Shadesmixed toward black
Tonesmixed toward gray

Color harmonies

Palettes built from Sky Blue by rotating its hue. Each swatch links to its closest named color.

Complementary

#87CEEB ≈ Light Sky Blue #EBA589 ≈ Dark Salmon

Analogous

#89EBD6 ≈ Aquamarine #87CEEB ≈ Light Sky Blue #899EEB ≈ Cornflower Blue

Triadic

#87CEEB ≈ Light Sky Blue #EB89CF ≈ Violet #CFEB89 ≈ Khaki

Split-complementary

#87CEEB ≈ Light Sky Blue #EB899E ≈ Light Coral #EBD689 ≈ Khaki

Tetradic

#87CEEB ≈ Light Sky Blue #D689EB ≈ Violet #EBA589 ≈ Dark Salmon #9EEB89 ≈ Light Green

Use Sky Blue in your stack

Tailwind (arbitrary value)

Works for any property: text-[#87ceeb], border-[#87ceeb].

CSS custom property

Reference it anywhere with var(--color).

Build a full theme

Turn Sky Blue into a complete shadcn/ui palette — light & dark, contrast-checked, one-command install.

Extract a theme →

Similar named colors

Light Sky Blue #87CEFA Light Blue #ADD8E6 Light Steel Blue #B0C4DE Powder Blue #B0E0E6 Pale Turquoise #AFEEEE Aquamarine #7FFFD4

← All CSS named colors