SkyBlue Color — HEX, RGB, HSL, Palettes & Contrast

SkyBlue (#87ceeb): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#87ceeb
HEX #87ceeb
RGB rgb(135, 206, 235)
HSL 197°, 71%, 73%

Use SkyBlue in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About SkyBlue Color

SkyBlue is a bright, medium-light blue that perfectly captures the color of a clear sky. It evokes openness, freedom, and calm.

Use Cases for SkyBlue

travel appsweather widgetscalm UIschildren productsoutdoor brands

Shades & Tints of SkyBlue

#ffffff
#e1f3fa
#c3e7f5
#a5daf0
#87ceeb
#659bb0
#446776
#22343b
#000000

Complementary Color

#87ceeb
#eba589

Analogous Colors

#89ebd6
#87ceeb
#899eeb

Triadic Colors

#87ceeb
#eb89cf
#cfeb89

Split Complementary

#87ceeb
#eb899e
#ebd689

Tetradic Colors

#87ceeb
#a589eb
#eba589
#cfeb89

CSS Code

.skyblue-color {
  color: #87ceeb;
  background-color: #87ceeb;
}

/* As a CSS custom property */
:root {
  --color-skyblue: #87ceeb;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on SkyBlue
Ratio: 12.06:1 ✓ Passes AA ✓ Passes AAA
White text on SkyBlue
Ratio: 1.74:1 ✗ Fails AA ✗ Fails AAA

Related Colors

LightSkyBlue
DeepSkyBlue
LightBlue
PowderBlue
SteelBlue

Related Tools

Frequently Asked Questions

What color is SkyBlue?

SkyBlue is represented by the hex code #87ceeb and has RGB values of rgb(135, 206, 235). It falls under the Blue category.

How to use SkyBlue in web design?

SkyBlue works well for travel apps, weather widgets, calm UIs. SkyBlue is a bright, medium-light blue that perfectly captures the color of a clear sky. It evokes openness, freedom, and calm. Use it as a primary color, accent, or background depending on your design needs.

What colors go with SkyBlue?

Colors that pair well with SkyBlue include lightskyblue, deepskyblue, lightblue, powderblue, steelblue. For a complementary scheme, try #eba589. For an analogous scheme, use #89ebd6 and #899eeb. For a triadic scheme, combine with #eb89cf and #cfeb89.