Skip to the color picker

Sky blue color: #87ceeb

Sky blue is #87ceeb, rgb(135, 206, 235) in RGB and oklch(81.482% 0.08192 225.754) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

197°
100%

81.5%
0.082
226°
  • Sky blue
  • Light
  • Soft
  • Pastel
  • Cool
  • sky-300
  • Black 8%

Inside sRGB: displays the same on any screen.

White text
1.74:1Hard to read
Lc -35
Black text
12.06:1Readable · AA
Lc 72

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Sky blue

Similar named colors

Questions about Sky blue

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.4, 71.43%, 72.55%) and in OKLCH oklch(81.482% 0.08192 225.754).

What colors go well with Sky blue?

Its complementary color is #f0b296. For a calmer look, pair it with the analogous colors #7fd3d3 and #a0c5f7. Ready palettes with Sky blue are shown on this page.

Is Sky blue a warm or cool color?

Sky blue is a cool color with an OKLCH hue of 226 degrees.

What text color is readable on Sky blue?

Black text is more readable on Sky blue: white gives a contrast ratio of 1.74:1 and black gives 12.06:1. WCAG AA asks for at least 4.5:1 for body text.

About #87ceeb

#87ceeb is a pastel light sky blue color. In OKLCH it has 81.5% lightness, 0.082 chroma and a hue of 226°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.74:1 contrast and black text 12.06:1, so black text reads better.

The closest named color is Afternoon Sky (#87ceeb). In Tailwind CSS the closest color is sky-300.

More light sky blue colors

Lighter: #87ceeb mixed with white

  1. 87ceeb

Darker: #87ceeb mixed with black

  1. 87ceeb

Calmer: #87ceeb with less saturation

  1. 87ceeb

Similar named colors

Colors that go with #87ceeb

Complementary
#87ceeb
Analogous
#87ceeb
Triadic
#87ceeb
Split
#87ceeb