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

LightSkyBlue (#87cefa): 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.

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

Use LightSkyBlue in Your Projects

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

Triadic Colors

#87cefa
#fa85cd
#cdfa85

Split Complementary

#87cefa
#fa8592
#faec85

Tetradic Colors

#87cefa
#b285fa
#fab285
#cdfa85

CSS Code

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

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

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 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. For a triadic scheme, combine with #fa85cd and #cdfa85.