Colors that go with sky blue

#87CEEB · cool blue · hue 197° · best text: #000000

Ten combinations ranked by measurable criteria — hue harmony, WCAG contrast with sky blue, lightness spread and saturation compatibility. Every pairing lists why it works.

Ready-to-use palette

#87CEEB
#1B2A4A
#5F9E8F
#8A9A5B
#F5F5DC
#1C1917
#87ceeb #1b2a4a #5f9e8f #8a9a5b #f5f5dc #1c1917
#87CEEB #1B2A4A #5F9E8F #8A9A5B #F5F5DC #1C1917
Open in palette generator →Full sky blue page →

Best combinations — ranked

#1

Navy Blue #1B2A4A

· Analogous hue (Δh ≈23°) — neighbors on the color wheel
· Text-safe contrast with the anchor (8.17:1, passes WCAG AA)
· Strong lightness separation (ΔL* 62) — clear visual hierarchy
contrast
8.2:1
vs sky blue
#2

Dull Teal #5F9E8F

· Analogous hue (Δh ≈32°) — neighbors on the color wheel
· Close value pairing (1.78:1) — use for large surfaces, not small text
contrast
1.8:1
vs sky blue
#3

Moss Green #8A9A5B

· Triadic harmony (Δh ≈122°) — balanced three-way contrast
· Close value pairing (1.76:1) — use for large surfaces, not small text
contrast
1.8:1
vs sky blue
#4

Beige #F5F5DC

· Split-complementary angle (Δh ≈137°) — strong but softer than direct complement
· Close value pairing (1.57:1) — use for large surfaces, not small text
· Similar saturation (71% vs 56%) — both vivid
contrast
1.6:1
vs sky blue
#5

Warm Beige #E9DCC9

· Split-complementary angle (Δh ≈162°) — strong but softer than direct complement
· Close value pairing (1.29:1) — use for large surfaces, not small text
contrast
1.3:1
vs sky blue
#6

Grape #6C3461

· Triadic harmony (Δh ≈114°) — balanced three-way contrast
· Text-safe contrast with the anchor (5.24:1, passes WCAG AA)
· Strong lightness separation (ΔL* 49) — clear visual hierarchy
contrast
5.2:1
vs sky blue
#7

Camo Green #526525

· Triadic harmony (Δh ≈120°) — balanced three-way contrast
· UI contrast with the anchor (3.71:1, passes AA large text)
· Strong lightness separation (ΔL* 39) — clear visual hierarchy
contrast
3.7:1
vs sky blue
#8

Dusky Purple #895B7B

· Triadic harmony (Δh ≈121°) — balanced three-way contrast
· UI contrast with the anchor (3.14:1, passes AA large text)
· Strong lightness separation (ΔL* 35) — clear visual hierarchy
contrast
3.1:1
vs sky blue
#9

Dark Plum #3F012C

· Triadic harmony (Δh ≈121°) — balanced three-way contrast
· Text-safe contrast with the anchor (9.63:1, passes WCAG AA)
· Strong lightness separation (ΔL* 68) — clear visual hierarchy
contrast
9.6:1
vs sky blue
#10

Forest Green #2D5A27

· Text-safe contrast with the anchor (4.63:1, passes WCAG AA)
· Strong lightness separation (ΔL* 45) — clear visual hierarchy
contrast
4.6:1
vs sky blue

Why these and not others

Pairings are scored against hue-harmony angles (0°/30°/60°/90°/120°/150°/180°), WCAG contrast ratio with sky blue, lightness separation and saturation/chroma compatibility. Near-identical colors (ΔE₀₀ < 3.5) are excluded — every entry adds real information.

FAQ

What colors go with sky blue?

Navy Blue, Dull Teal, Moss Green, Beige and Warm Beige rank highest for sky blue (#87CEEB) by hue harmony, contrast and saturation compatibility. The full ranked list is on this page with the reasoning for each pairing.

What is the complementary color of sky blue?

The complementary hue of sky blue (hue 197°) sits at hue 17°. The closest named colors on that side of the wheel are listed in the combinations above.

Is sky blue a warm or cool color?

Sky Blue is a cool color (hue 197°). It pairs naturally with crisp whites and cool grays.