Sky blue color

The light blue of a clear sky. In Argentina and Uruguay it's tied to the national flag and soccer team. It's used for baby clothes, walls and website backgrounds.

Also known as: light sky blue, celeste.

Sky blue · #87CEEB

About sky blue

Sky blue (#87CEEB) is a cool, light, moderately saturated color. It belongs to the blues family. It mixes 135 red, 206 green and 235 blue (out of 255). It is mostly used in kids, home decor, web.

Sky blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with sky blue

WhiteA clean, fresh pair.Navy blueAn elegant blue gradient.BeigeA warm base that balances it.Dusty pinkA very sweet pastel mix.GrayA calm, professional look.Coffee brownA contrast between fresh and earthy.Pastel yellowA springtime mix.CoralA warm, lively accent.

How to wear and decorate with sky blue →

Sky blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Nude

AnalogousClose to: Seafoam green, Wisteria

TriadicClose to: Neon pink, Pastel yellow

Split complementaryClose to: Flamingo pink, Vanilla

TetradicClose to: Lavender, Nude, Light green

Sky blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Sky blue

Analogous palette · Sky blue

Complementary palette · Sky blue

Triadic palette · Sky blue

With neutrals palette · Sky blue

With an accent palette · Sky blue

Sky blue contrast with text

White textContrast 1.7:1 · Not recommended

Black textContrast 12.1:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --sky-blue: #87CEEB;
  --sky-blue-rgb: 135, 206, 235;
}
.bg { background-color: var(--sky-blue); }
.text { color: var(--sky-blue); }

Colors similar to sky blue

Baby blue Light blue Pastel blue Pastel turquoise Blue gray Seafoam green Silver Ash gray Light gray Dark turquoise

Themed palettes with this color

More blues

Blue Navy blue Cobalt blue Sapphire blue Steel blue Royal blue Electric blue Midnight blue Ultramarine French blue Prussian blue Pastel blue Baby blue Denim blue Klein blue Dark blue Light blue Cerulean

Frequently asked questions

What is the hex code for sky blue?

The hex code for sky blue is #87CEEB. In RGB it is rgb(135, 206, 235), in HSL hsl(197, 71%, 73%) and in CMYK 43, 12, 0, 8.

What is the complementary color of sky blue?

Its complement on the color wheel is #EBA487, close to nude. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on sky blue?

Use black text instead: the contrast with white is only 1.7:1, while with black it is 12.1:1.

What colors go with sky blue?

It pairs well with white, navy blue, beige, dusty pink, gray. Avoid pairing it with electric blues or intense purples, because sky blue looks dull. With black it can look too harsh.