CSS named color
LightSkyBlue
#87CEFA
HEX
#87cefaRGB
rgb(135, 206, 250)HSL
hsl(203, 92%, 75%)OKLCH
oklch(82.06% 0.0945 236.75)NAME
lightskybluePalette
Complementary
180° on the color wheelComplement
#FAB285
Analogous
±30° around the base hueLeft
#85FAEC
Right
#8592FA
Triadic
±120° for harmonic contrastTriad 1
#FA85CD
Triad 2
#CDFA85
Shades
Lighter and darker variantsCSS usage
By name
color: lightskyblue;
background-color: lightskyblue;By HEX
color: #87cefa;
background-color: #87cefa;By RGB
color: rgb(135, 206, 250);
background-color: rgb(135, 206, 250);By HSL
color: hsl(203, 92%, 75%);
background-color: hsl(203, 92%, 75%);WCAG contrast vs white
Aa
1.72:1
Below minimum
WCAG contrast vs black
Aa
12.24:1
AAA
Related colors
FAQ — LightSkyBlue
What is the HEX code for LightSkyBlue?
The HEX code for LightSkyBlue is #87CEFA. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightskyblue; or color: #87cefa;
What is LightSkyBlue in RGB?
LightSkyBlue in RGB is rgb(135, 206, 250) — red 135, green 206, blue 250.
What is LightSkyBlue in HSL?
LightSkyBlue in HSL is hsl(203, 92%, 75%) — hue 203°, saturation 92%, lightness 75%.
What is the complementary color of LightSkyBlue?
The complementary color (directly opposite LightSkyBlue on the color wheel) is #FAB285. The two together produce maximum contrast.
Is white text readable on LightSkyBlue?
The WCAG contrast ratio against white (#FFFFFF) is 1.72:1, and against black (#000000) it's 12.24:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.