Powder Blue color values
| Format | Value |
|---|---|
| Hex | #B0E0E6 |
| RGB | rgb(176, 224, 230) |
| HSL | hsl(187, 52%, 80%) |
| HSV | 187, 23%, 90% |
| CMYK (simple conversion) | 23%, 3%, 0%, 10% |
| Decimal | 11591910 |
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 Powder Blue
A pale, slightly grayish blue that evokes clear winter skies and vintage aesthetics. It works well in minimalist UI design and retro themed branding projects. The color offers a quiet, cool presence that balances warmer elements on a page. It is one of the 148 CSS named colors.
Shades and tints of Powder Blue
Tints mix Powder 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% | #B8E3E9 | #9ECACF |
| 20% | #C0E6EB | #8DB3B8 |
| 30% | #C8E9EE | #7B9DA1 |
| 40% | #D0ECF0 | #6A868A |
| 50% | #D8F0F3 | #587073 |
Color harmony for Powder Blue
These colors keep the same saturation and lightness as Powder Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #E6B6B0 |
| Analogous | #B0E6D1 #B0C5E6 |
| Triadic | #E6B0E0 #E0E6B0 |
| Split complementary | #E6B0C5 #E6D1B0 |
Contrast and accessibility
Contrast between #B0E0E6 and white is 1.43:1 (fails). Against black it is 14.65:1 (passes AAA). For text on a Powder Blue background, black text is the more readable choice.
Use Powder Blue in CSS
.element {
color: powderblue;
background-color: #B0E0E6;
border-color: rgb(176 224 230);
outline-color: hsl(187 52% 80%);
}All four lines produce exactly the same color. The keyword powderblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- lightblue: #ADD8E6
- Pale Turquoise: #AFEEEE
- lightsteelblue: #B0C4DE
- lightgray: #D3D3D3
FAQ
What is the hex code for Powder Blue?
The hex code for Powder Blue is #B0E0E6. As a CSS color keyword you can also write powderblue.
What is Powder Blue in RGB?
Powder Blue is rgb(176, 224, 230): red 176, green 224, blue 230 on the 0 to 255 scale.
What color is closest to Powder Blue?
Of the CSS named colors, lightblue (#ADD8E6) is the closest match to Powder Blue, followed by paleturquoise and lightsteelblue.
More colors
- Plum: previous page
- Purple: next page
- CSS named colors: the full list