- No data uploaded
- Instant results
Light Sky Blue — #87CEFA
Light Sky Blue is the CSS named colour lightskyblue, hex #87CEFA. It has a contrast ratio of 1.72:1 on white and 12.24:1 on black — best used as text on dark backgrounds.
Light Sky Blue — #87CEFA
Contrast on white 1.72:1 · on black 12.24:1
Tints
Shades
Complementary
Triadic
Analogous
Using Light Sky Blue in code
CSS: color: lightskyblue; or color: #87CEFA; · Tailwind: text-[#87CEFA] · Android/Flutter: 0xFF87CEFA
Light Sky Blue colour harmonies
Complementary: #FAB387 · Triadic: #FA87CE, #CEFA87 · Analogous: #87FAED, #8794FA. Use tints for backgrounds and shades for hover states.
Light Sky Blue in every colour format
| Format | Value |
|---|---|
| HEX | #87CEFA |
| RGB | rgb(135, 206, 250) |
| HSL | hsl(203, 92%, 75%) |
| HSV | hsv(203, 46%, 98%) |
| CMYK | cmyk(46%, 18%, 0%, 2%) |
| CSS name | lightskyblue |
| Contrast on white | 1.72:1 |
| Contrast on black | 12.24:1 |
Frequently asked questions
What is the hex code for Light Sky Blue?
#87CEFA (CSS name: lightskyblue).
What is Light Sky Blue in RGB?
rgb(135, 206, 250)
What colour goes well with Light Sky Blue?
Its complementary colour #FAB387, or the analogous #87FAED and #8794FA.