CSS named color
SkyBlue
#87CEEB
HEX
#87ceebRGB
rgb(135, 206, 235)HSL
hsl(197, 71%, 73%)OKLCH
oklch(81.48% 0.0819 225.75)NAME
skybluePalette
Complementary
180° on the color wheelComplement
#EBA589
Analogous
±30° around the base hueLeft
#89EBD6
Right
#899EEB
Triadic
±120° for harmonic contrastTriad 1
#EB89CF
Triad 2
#CFEB89
Shades
Lighter and darker variantsCSS usage
By name
color: skyblue;
background-color: skyblue;By HEX
color: #87ceeb;
background-color: #87ceeb;By RGB
color: rgb(135, 206, 235);
background-color: rgb(135, 206, 235);By HSL
color: hsl(197, 71%, 73%);
background-color: hsl(197, 71%, 73%);WCAG contrast vs white
Aa
1.74:1
Below minimum
WCAG contrast vs black
Aa
12.06:1
AAA
Related colors
FAQ — SkyBlue
What is the HEX code for SkyBlue?
The HEX code for SkyBlue is #87CEEB. It's one of the 148 named CSS colors and can be used directly in CSS as color: skyblue; or color: #87ceeb;
What is SkyBlue in RGB?
SkyBlue in RGB is rgb(135, 206, 235) — red 135, green 206, blue 235.
What is SkyBlue in HSL?
SkyBlue in HSL is hsl(197, 71%, 73%) — hue 197°, saturation 71%, lightness 73%.
What is the complementary color of SkyBlue?
The complementary color (directly opposite SkyBlue on the color wheel) is #EBA589. The two together produce maximum contrast.
Is white text readable on SkyBlue?
The WCAG contrast ratio against white (#FFFFFF) is 1.74:1, and against black (#000000) it's 12.06:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.