Color Palette
Sky Blue Color Palette
Sky blue evokes clear skies, open spaces, and a sense of calm. It is one of the most universally liked colors, making it a safe yet beautiful choice for websites, apps, and print materials. This palette spans from deeper azure tones to the softest powder blue, providing a complete range for backgrounds, accents, and text.
#87CEEBBase
#5BA8C8
#6FB8D8
#9AD8F0
#B0E2F5
#CCEEFF
Color Values
#87CEEBrgb(135, 206, 235)hsl(197, 71%, 73%)
#5BA8C8rgb(91, 168, 200)hsl(198, 50%, 57%)
#6FB8D8rgb(111, 184, 216)hsl(198, 57%, 64%)
#9AD8F0rgb(154, 216, 240)hsl(197, 74%, 77%)
#B0E2F5rgb(176, 226, 245)hsl(197, 78%, 83%)
#CCEEFFrgb(204, 238, 255)hsl(200, 100%, 90%)
Frequently Asked Questions
›What is the hex code for sky blue?
Sky blue is #87CEEB in hex. It is also a named CSS color — you can use 'skyblue' in your stylesheets.
›Is sky blue a warm or cool color?
Sky blue is a cool color. It sits on the blue side of the color wheel and evokes feelings of calm, openness, and tranquility.
›What colors pair well with sky blue?
Sky blue works beautifully with white, coral (#FF7F50), peach (#FFDAB9), navy (#001F3F), and soft gold (#F0D060). These pairings balance warmth and coolness.
sky blue palettesky blue color schemesky blue shadessky blue hexlight blue palette