Skip to content
ChromaBrew

Sky Blue

Sky blue is open air: friendly, light, optimistic. A background and illustration color first — it rarely carries text, and shouldn't have to.

backgroundsillustrationschildren's products

Values in every format

HEX
#87ceeb
RGB
rgb(135, 206, 235)
HSL
hsl(197, 71%, 73%)
OKLCH
oklch(0.815 0.082 225.8)
CMYK
cmyk(42.6%, 12.3%, 0%, 7.8%)

Hue family: Blue · closest CSS name: skyblue. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #87CEEB itself.

  1. 50#eefaff
  2. 100#d6f3ff
  3. 200#bbe7fa
  4. 300 ★#87ceeb
  5. 400#7dbdd7
  6. 500#5ea4c0
  7. 600#428ca9
  8. 700#29728d
  9. 800#165b72
  10. 900#054559
  11. 950#002b39

Build a full system from #87CEEB

Harmonies with sky blue

Complementary

Maximum contrast — use one side for action, the other sparingly.

#87ceeb #eba487

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#87ebd6 #87ceeb #879ceb

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#87ceeb #eb87ce #ceeb87

Measured contrast

on white1.74:1 · fails AA
on black12.06:1 · AA normal ✓

Check your own pairs

Related colors