Online Tools HarborSky Blue color codes
| CSS name | skyblue |
|---|---|
| HEX | #87CEEB |
| RGB | rgb(135, 206, 235) |
| HSL | hsl(197, 71%, 73%) |
| CMYK | cmyk(43%, 12%, 0%, 8%) |
| Decimal | 8900331 |
Shades of Sky Blue (darker)
#7AB9D4 · #6CA5BC · #5F90A5 · #517C8D · #446776 · #36525E · #293E47 · #1B292F · #0E1518
Tints of Sky Blue (lighter)
#93D3ED · #9FD8EF · #ABDDF1 · #B7E2F3 · #C3E7F5 · #CFEBF7 · #DBF0F9 · #E7F5FB · #F3FAFD
Color harmonies
| Complementary | #EBA589 |
|---|---|
| Triadic | #EB89CF, #CFEB89 |
| Analogous | #89EBD6, #899EEB |
Accessibility (WCAG contrast)
| White text on Sky Blue | 1.74:1 · Fail |
|---|---|
| Black text on Sky Blue | 12.06:1 · AAA |
Use Sky Blue in code
.element {
color: skyblue; /* or #87ceeb */
background-color: rgb(135 206 235 / 0.5);
}Frequently asked questions
What is the hex code for Sky Blue?
Sky Blue is #87CEEB in HEX, rgb(135, 206, 235) in RGB and hsl(197, 71%, 73%) in HSL.
Can I use "skyblue" directly in CSS?
Yes. "skyblue" is one of the 148 standard CSS named colors, so color: skyblue; works in every browser.
Is Sky Blue readable on white?
The contrast ratio of Sky Blue on white is 1.74:1 (WCAG Fail). On black it is 12.06:1 (AAA).
What is the complementary color of Sky Blue?
The complementary color (opposite on the color wheel) is #EBA589.
Similar colors
Light Sky Blue#87CEFALight Blue#ADD8E6Light Steel Blue#B0C4DEPowder Blue#B0E0E6Pale 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.