Sky Blue hex code
The hex code for sky blue is #87CEEB. In RGB that is rgb(135, 206, 235) and in HSL it is hsl(197, 71%, 73%).
The hex code for sky blue is #87CEEB. In RGB that is rgb(135, 206, 235) and in HSL it is hsl(197, 71%, 73%).
Sky Blue · #87CEEB
Colour codes
- HEX
- #87CEEB
- RGB
- rgb(135, 206, 235)
- HSL
- hsl(197, 71%, 73%)
- CMYK
- 43, 12, 0, 8
- CSS name
- skyblue
- Contrast on white
- 1.74:1
- Contrast on black
- 12.06:1
Tints and shades
20% lighter · #9fd8ef
40% lighter · #b7e2f3
60% lighter · #cfebf7
80% lighter · #e7f5fb
20% darker · #6ca5bc
40% darker · #517c8d
60% darker · #36525e
80% darker · #1b292f
Complementary colour
Sky Blue · #87CEEB
Opposite on the colour wheel · #eba589
Frequently asked questions
What is the hex code for sky blue?
The hex code for sky blue is #87CEEB. In RGB that is rgb(135, 206, 235) and in HSL it is hsl(197, 71%, 73%).
Can I use sky blue for text?
It has a contrast ratio of 1.74:1 on white and 12.06:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with sky blue?
Its complementary colour, opposite on the colour wheel, is #EBA589. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of sky blue instead.
Is sky blue a CSS colour name?
Yes. CSS accepts the keyword skyblue, so color: skyblue and color: #87CEEB render exactly the same.