- No data uploaded
- Instant results
Sky Blue — #87CEEB
Sky Blue is the CSS named colour skyblue, hex #87CEEB. It has a contrast ratio of 1.74:1 on white and 12.06:1 on black — best used as text on dark backgrounds.
Sky Blue — #87CEEB
Contrast on white 1.74:1 · on black 12.06:1
Tints
Shades
Complementary
Triadic
Analogous
Using Sky Blue in code
CSS: color: skyblue; or color: #87CEEB; · Tailwind: text-[#87CEEB] · Android/Flutter: 0xFF87CEEB
Sky Blue colour harmonies
Complementary: #EBA487 · Triadic: #EB87CE, #CEEB87 · Analogous: #87EBD6, #879CEB. Use tints for backgrounds and shades for hover states.
Sky Blue in every colour format
| Format | Value |
|---|---|
| HEX | #87CEEB |
| RGB | rgb(135, 206, 235) |
| HSL | hsl(197, 71%, 73%) |
| HSV | hsv(197, 43%, 92%) |
| CMYK | cmyk(43%, 12%, 0%, 8%) |
| CSS name | skyblue |
| Contrast on white | 1.74:1 |
| Contrast on black | 12.06:1 |
Frequently asked questions
What is the hex code for Sky Blue?
#87CEEB (CSS name: skyblue).
What is Sky Blue in RGB?
rgb(135, 206, 235)
What colour goes well with Sky Blue?
Its complementary colour #EBA487, or the analogous #87EBD6 and #879CEB.