Sky Blue is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #87CEEB, which equals rgb(135, 206, 235) in RGB and hsl(197, 71%, 73%) in HSL. In print terms it converts to roughly C43 M12 Y0 K8, although exact CMYK results depend on the paper and color profile.
- HEX
#87CEEB - RGB
135, 206, 235 - HSL
197°, 71%, 73% - CMYK
43, 12, 0, 8 - Family
Blue - Tone
Medium-light, saturated
About Sky Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 12.06:1. Its complementary color is #EBA589.
Download Sky Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Sky Blue color codes
| HEX | #87CEEB |
|---|---|
| RGB | rgb(135, 206, 235) |
| HSL | hsl(197, 71%, 73%) |
| HSV | 197°, 43%, 92% |
| CMYK | 43%, 12%, 0%, 8% |
| Decimal | 8900331 |
Shades and tints of Sky Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBF7FC - 100
#D7EFF8 - 200
#C3E7F5 - 300
#AFDEF2 - 400
#9BD6EE - 500
#87CEEB - 600
#71ACC4 - 700
#5A899D - 800
#446776 - 900
#2D454E - 950
#172227
Color harmonies for Sky Blue
- Complementary
#EBA589≈ Pale Bright Cinnabar - Analogous −30°
#89EBD6≈ Pale Bright Aquamarine - Analogous +30°
#899EEB≈ Pale Bright Cobalt - Triadic +120°
#EB89CF≈ Pale Bright Raspberry - Triadic +240°
#CFEB89≈ Pale Bright Chartreuse - Split 150°
#EB899E≈ Pale Bright Crimson - Split 210°
#EBD689≈ Pale Bright Amber
Contrast and accessibility of Sky Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Sky Blue | Aa | 1.74:1 | Fails |
| Black text on Sky Blue | Aa | 12.06:1 | AAA (excellent) |
CSS code for Sky Blue
background-color: #87CEEB;color: #87CEEB;background-color: rgb(135, 206, 235);background-color: hsl(197, 71%, 73%);:root { --color-sky-blue: #87CEEB; }class="bg-[#87CEEB]"Colors similar to Sky Blue
- Pale Bright Capri
#88D2F2 - Pale Bright Azure
#88C7F2 - Light Sky Blue
#87CEFA - Pale Soft Capri
#95CDE4 - Pale Soft Peacock
#95D5E4 - Pale Soft Azure
#95C5E4 - Pale Bright Peacock
#88DDF2 - Pale Bright Cerulean
#88BDF2 - Pale Azure
#7ACAFF - Pale Soft Lagoon
#95DDE4 - Light Soft Lagoon
#74D2DC - Light Soft Peacock
#74C8DC
More blue shades
- Teal
#008080 - Cyan
#00FFFF - Deep Sky Blue
#00BFFF - Dodger Blue
#1E90FF - Royal Blue
#4169E1 - Blue
#0000FF - Navy
#000080 - Midnight Blue
#191970 - Cadet Blue
#5F9EA0 - Cornflower Blue
#6495ED - Dark Blue
#00008B
Frequently asked questions
What is the HEX code for Sky Blue?
The HEX code for Sky Blue is #87CEEB.
What is the RGB value of Sky Blue?
Sky Blue has an RGB value of 135, 206, 235 (rgb(135, 206, 235)). In HSL it is 197°, 71%, 73%.
What text color should I use on Sky Blue?
Use black text on Sky Blue. White text has a contrast ratio of 1.74:1 and black text has 12.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Sky Blue?
The complementary color of Sky Blue is #EBA589. Analogous colors #89EBD6 and #899EEB also pair well.