#87CEEB
Blue family

Sky Blue

Also known as: tranquil · vibrant · airy · bright · serene
Save
Hex #87CEEB
RGB rgb(135, 206, 235)
HSL hsl(197°, 71%, 73%)
CMYK 43 · 12 · 0 · 8
CSS skyblue

Meaning

In Western cultures, Sky Blue often symbolizes tranquility, peace, and inspiration, while in some Indigenous cultures, it can represent healing and connection to the earth. Its soothing nature contrasts with the more intense emotions often associated with darker blues.

The term 'sky blue' emerged in the 19th century, becoming widely recognized after its use in art and fashion. The color gained popularity during the 1800s with the advent of synthetic dyes, allowing for a broader use in textiles and paintings.

tranquilvibrantairybrightserene

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Sky Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Sky Blue by lightness — from #466B7A (darkest) to #C1E6F5 (lightest). Click any to copy.

-40% #466B7A
-30% #568496
-20% #679DB3
-10% #77B5CF
BASE #87CEEB
+15% #95D4ED
+30% #A4DAF0
+50% #B2E0F2
+70% #C1E6F5

Complementary

Sitting opposite Sky Blue at 17° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Sky Blue.

#87CEEB
#FFD700
#FFFFFF
#FF7F50
#4682B4

Sunny Day Escape

Joyful Retreat
#87CEEB
#20B2AA
#F5F5F5
#191970
#FF6347

Ocean Breeze

Refreshing Calm
#87CEEB
#E6E6FA
#B0C4DE
#2F4F4F
#FFDAB9

Dreamy Skies

Soft Serenity

Sky Blue scale

A 50–900 tonal scale with Sky Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F5FBFD
100 #E9F6FB
200 #D1ECF7
300 #B9E3F3
400 #A0D8EF
500 #87CEEB
600 #6FA9C1
700 #59889B
800 #446776
900 #2E4650

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 12.06:1
Sky Blue as text on… Ratio AA AAA
Aa White background 1.74:1 Fail Fail
Aa Black background 12.06:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #87CEEB

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: skyblue;
CSS color-mix (lighten 30%) color-mix(in srgb, skyblue 70%, white)
HSV / HSB 197°, 43%, 92%
CMYK (print) 43, 12, 0, 8
Decimal 8900331
Nearest web-safe #99CCFF

Color vision

How Sky Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#87CEEB

Protanopia (no red)

#A6A6E4

Deuteranopia (no green)

#A29CE2

Tritanopia (no blue)

#8BDEDD
Royal Blue
5 / 45 Blues Baby Blue
Copied!