Sky Blue Color

About sky blue

#87CEEB is the CSS named color skyblue. It is a light blue with a noticeable green component, which gives it its fresh, open feel.

Its neighbours in CSS are easy to mix up: lightskyblue (#87CEFA) differs only in the blue channel and looks slightly purer, while deepskyblue (#00BFFF) is fully saturated and much more intense.

#87CEEB is the value of the CSS named color skyblue, defined in the CSS Color specification and identical in every browser.

Other colors called sky blue

• Light sky blue (CSS) #87CEFASame red and green, more blue.Copy
• Deep sky blue (CSS) #00BFFFA vivid, saturated sky blue.Copy

Sky Blue shades and tints

Shades mix sky blue with black, tints mix it with white — useful for hover states, borders and backgrounds. Click a swatch to copy its HEX code.

Colors that go with sky blue

Color harmonies based on the hue of #87CEEB: its complement on the opposite side of the color wheel, its analogous neighbours and its triadic partners.

Sky Blue contrast and readability

On a sky blue background, black text reads best (12.05:1). Here is how sky blue works as a text color:

Sky blue suits backgrounds, illustrations and friendly UI accents with dark text. It is too light to be used as text on white.

Using sky blue in CSS and HTML

:root {
  --color-sky-blue: #87CEEB;
}

.highlight {
  background-color: var(--color-sky-blue);
}

.banner {
  background-color: skyblue;
  color: #000000;
}

.label {
  color: #87CEEB;
  border: 2px solid rgb(135, 206, 235);
}

<p style="background-color: #87CEEB; color: #000000;">
  Sky Blue background
</p>