#87ceeb
HEX
#87ceeb RGB
rgb(135, 206, 235) HSL
197°, 71%, 73% 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
CSS Code
.skyblue-color {
color: #87ceeb;
}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
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.