LightSkyBlue Color

Learn about LightSkyBlue (#87cefa): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#87cefa
HEX #87cefa
RGB rgb(135, 206, 250)
HSL 203°, 92%, 75%

About LightSkyBlue Color

LightSkyBlue is a soft, bright blue that resembles a clear daytime sky. It creates a serene, open feel in UI designs and branding.

Use Cases for LightSkyBlue

serene UIsky themestravel appsweather appsdaycare brands

Shades & Tints of LightSkyBlue

#ffffff
#e1f3fe
#c3e7fd
#a5dafb
#87cefa
#659bbc
#44677d
#22343f
#000000

Complementary Color

#87cefa
#fab285

Analogous Colors

#85faec
#87cefa
#8592fa

CSS Code

.lightskyblue-color {
  color: #87cefa;
}

Contrast Recommendations

Black text on LightSkyBlue
Ratio: 12.24:1 ✓ Passes AA ✓ Passes AAA
White text on LightSkyBlue
Ratio: 1.72:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is LightSkyBlue?

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

How to use LightSkyBlue in web design?

LightSkyBlue works well for serene UI, sky themes, travel apps. LightSkyBlue is a soft, bright blue that resembles a clear daytime sky. It creates a serene, open feel in UI designs and branding. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightSkyBlue?

Colors that pair well with LightSkyBlue include skyblue, deepskyblue, lightblue, powderblue, steelblue. For a complementary scheme, try #fab285. For an analogous scheme, use #85faec and #8592fa.