Sky Blue #87CEEB

Sky blue is a light, cool blue with the hex code #87CEEB, matched to the color of a clear daytime sky. It is soft but not washed out, with moderate saturation and a faint green lean. It is the stock color for fair weather, from weather apps to children's drawings, and it feels open and relaxed.

#87CEEB is the CSS named color skyblue. CSS also has a stronger deepskyblue (#00BFFF) and a slightly paler lightskyblue (#87CEFA).

Sky Blue color codes
HEX#87CEEB
RGBrgb(135, 206, 235)
HSLhsl(197, 71%, 73%)
HSVhsv(197, 43%, 92%)
CMYKcmyk(43%, 12%, 0%, 8%)

Text on Sky Blue

Black text reads better on Sky Blue. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.74:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

12.05:1 · AAA

Colors that go with Sky Blue

Sky Blue tints and shades

Tints mix Sky Blue with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#99D5EE
#ABDDF1
#BDE4F4
#CFEBF7
#E1F3FA

Shades

#73AFC8
#5F90A5
#4A7181
#36525E
#22343B

Sky Blue color schemes

Color-wheel harmonies built by rotating the hue of #87CEEB and keeping its saturation and lightness.

Complementary

#87CEEB
#EBA487

Analogous

#87EBD6
#87CEEB
#879CEB

Triadic

#87CEEB
#EB87CE
#CEEB87

Split complementary

#87CEEB
#EB879C
#EBD687

Tetradic

#87CEEB
#D687EB
#EBA487
#9CEB87

Sky Blue color meaning

A clear sky is blue because air scatters short blue wavelengths of sunlight more than longer red ones. The color named after it carries the obvious associations: good weather, open space, a free afternoon.

Sky blue suggests freedom and optimism more than authority. It is gentler than royal blue and less serious than navy, so it rarely feels corporate. Airlines, weather apps, and travel brands use it because it says 'outside' without any words. It also feels honest and uncomplicated, which helps family and outdoor brands.

Some national identities lean on it. Argentina's flag and the shirts of its national football team are a light sky blue, often called celeste in Spanish. In many places it is also tied to baby boys, though that convention varies by country and generation.

How to use Sky Blue in design

Sky blue makes a friendly background for kids' apps, onboarding screens, and summer promotions. It needs dark text: navy or charcoal reads clearly, and white text on it is too faint for anything but huge display type.

Pair it with a deeper blue for buttons so the interface still has a clear hierarchy. In interiors, it suits nurseries, porch ceilings, and bathrooms, and in fashion it is a reliable spring and summer shirt color that works with tan, white, or navy.

Palettes with Sky Blue tones

Curated palettes with a color close to #87CEEB.

Colors similar to Sky Blue

Work with Sky Blue

Sky Blue FAQ

What is the difference between sky blue and baby blue?

They are nearly identical on screen. CSS sky blue is #87CEEB, and a common baby blue value is #89CFF0, which is a hair lighter and bluer. The difference is mostly in usage: sky blue names an outdoor, airy feel, while baby blue usually refers to nursery and infant products.

Is sky blue a calming color?

Most people find it relaxing because it is light, cool, and low in intensity. It has none of the urgency of warm brights. That is why it shows up in bedrooms, healthcare waiting rooms, and wellness apps. A whole room of it can feel chilly, so add warm wood or textiles.