Light Sky Blue #87CEFA

Light Sky Blue#87CEFA · rgb(135, 206, 250)

Light Sky Blue color codes

CSS namelightskyblue
HEX#87CEFA
RGBrgb(135, 206, 250)
HSLhsl(203, 92%, 75%)
CMYKcmyk(46%, 18%, 0%, 2%)
Decimal8900346

Shades of Light Sky Blue (darker)

#7AB9E1 · #6CA5C8 · #5F90AF · #517C96 · #44677D · #365264 · #293E4B · #1B2932 · #0E1519

Tints of Light Sky Blue (lighter)

#93D3FB · #9FD8FB · #ABDDFC · #B7E2FC · #C3E7FD · #CFEBFD · #DBF0FE · #E7F5FE · #F3FAFF

Color harmonies

Complementary
#FAB285
Triadic
#FA85CD, #CDFA85
Analogous
#85FAEC, #8592FA

Accessibility (WCAG contrast)

White text on Light Sky Blue1.72:1 · Fail
Black text on Light Sky Blue12.24:1 · AAA

Use Light Sky Blue in code

.element {
  color: lightskyblue;          /* or #87cefa */
  background-color: rgb(135 206 250 / 0.5);
}

Frequently asked questions

What is the hex code for Light Sky Blue?

Light Sky Blue is #87CEFA in HEX, rgb(135, 206, 250) in RGB and hsl(203, 92%, 75%) in HSL.

Can I use "lightskyblue" directly in CSS?

Yes. "lightskyblue" is one of the 148 standard CSS named colors, so color: lightskyblue; works in every browser.

Is Light Sky Blue readable on white?

The contrast ratio of Light Sky Blue on white is 1.72:1 (WCAG Fail). On black it is 12.24:1 (AAA).

What is the complementary color of Light Sky Blue?

The complementary color (opposite on the color wheel) is #FAB285.

Similar colors

Sky Blue#87CEEBLight Blue#ADD8E6Powder Blue#B0E0E6Light Steel Blue#B0C4DEPale Turquoise#AFEEEEAquamarine#7FFFD4Cornflower Blue#6495EDMedium Turquoise#48D1CC

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.