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).
| HEX | #87CEEB | |
|---|---|---|
| RGB | rgb(135, 206, 235) | |
| HSL | hsl(197, 71%, 73%) | |
| HSV | hsv(197, 43%, 92%) | |
| CMYK | cmyk(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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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
Shades
Sky Blue color schemes
Color-wheel harmonies built by rotating the hue of #87CEEB and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
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.