UI Shades

A study in blue

Light Sky Blue

#87CEFA

Family
Blue
L
0.821
C
0.095
H
237°

Notes

Light Sky Blue is a pale, slightly cyan-leaning sky blue, lighter and more saturated than Light Blue. The CSS hex reads as fresh and open, common in travel, weather, and aviation branding. Pair with deep navy for type, with cream for a softer palette, or with warm coral for accent. Against white it provides reasonable separation but is too pale for body text. Hero sections and panel backgrounds suit the large-area use; in dashboards and content areas the saturation level can fight with adjacent data-visualization colors that share the same lightness band.

#87cefa
Light Sky Blue
Light Sky Blue
#87cefa
oklch(0.821 0.095 236.75)
rgb(135 206 250)
hsl(203 92% 75.5%)
Share
#edfdff
#dff8ff
#bdedff
#87cefa
#68bff3
#3495c9
#0a7caf
#006695
#004a6f
#00324e
#001a2c

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Light Sky Blue

Cross-reference
Q&A

Frequently asked questions

What is Light Sky Blue?

Light Sky Blue is a pale, slightly cyan-leaning sky blue, lighter and more saturated than Light Blue. The CSS hex reads as fresh and open, common in travel, weather, and aviation branding. Its hex code is #87CEFA.

What are the tints and shades of Light Sky Blue?

uishades builds an 11-step OKLCH ramp for Light Sky Blue (#87CEFA) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Light Sky Blue?

Its complementary color is #F4B588. Triadic partners are #F7ABC5 and #C0CD85; analogous neighbours are #A9C3FF and #73D6E3.

What are the OKLCH and RGB values of Light Sky Blue?

Light Sky Blue is #87CEFA - OKLCH 0.821 0.095 237°, rgb(135 206 250), in the blue family.