Sky Blue color values
| Format | Value |
|---|---|
| Hex | #87CEEB |
| RGB | rgb(135, 206, 235) |
| HSL | hsl(197, 71%, 73%) |
| HSV | 197, 43%, 92% |
| CMYK (simple conversion) | 43%, 12%, 0%, 8% |
| Decimal | 8900331 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Sky Blue
A bright, cheerful blue that directly references a clear daytime sky. It is widely used in weather apps, children's products, and open, friendly web interfaces. The color promotes feelings of calm, clarity, and limitless space in visual design. It is one of the 148 CSS named colors.
Shades and tints of Sky Blue
Tints mix Sky Blue with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #93D3ED | #7AB9D4 |
| 20% | #9FD8EF | #6CA5BC |
| 30% | #ABDDF1 | #5F90A5 |
| 40% | #B7E2F3 | #517C8D |
| 50% | #C3E7F5 | #446776 |
Color harmony for Sky Blue
These colors keep the same saturation and lightness as Sky Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #EBA487 |
| Analogous | #87EBD6 #879CEB |
| Triadic | #EB87CE #CEEB87 |
| Split complementary | #EB879C #EBD687 |
Contrast and accessibility
Contrast between #87CEEB and white is 1.74:1 (fails). Against black it is 12.06:1 (passes AAA). For text on a Sky Blue background, black text is the more readable choice.
Use Sky Blue in CSS
.element {
color: skyblue;
background-color: #87CEEB;
border-color: rgb(135 206 235);
outline-color: hsl(197 71% 73%);
}All four lines produce exactly the same color. The keyword skyblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- lightskyblue: #87CEFA
- lightblue: #ADD8E6
- lightsteelblue: #B0C4DE
- Powder Blue: #B0E0E6
FAQ
What is the hex code for Sky Blue?
The hex code for Sky Blue is #87CEEB. As a CSS color keyword you can also write skyblue.
What is Sky Blue in RGB?
Sky Blue is rgb(135, 206, 235): red 135, green 206, blue 235 on the 0 to 255 scale.
What color is closest to Sky Blue?
Of the CSS named colors, lightskyblue (#87CEFA) is the closest match to Sky Blue, followed by lightblue and lightsteelblue.
More colors
- Silver: previous page
- Slate Blue: next page
- CSS named colors: the full list