Powder Blue Color Code #B0E0E6
Powder Blue has the HEX code #B0E0E6 and the RGB value rgb(176, 224, 230).
Powder Blue#B0E0E6
Powder Blue color codes
| HEX | #B0E0E6 |
| RGB | rgb(176, 224, 230) |
| HSL | hsl(187, 52%, 80%) |
| CMYK | cmyk(23%, 3%, 0%, 10%) |
| RGB percent | 69%, 88%, 90% |
| Decimal | 11591910 |
Tints of Powder Blue
#B8E3E9#C0E6EB#C8E9EE#D0ECF0#D8F0F3#DFF3F5#E7F6F8#EFF9FA#F7FCFD
Shades of Powder Blue
#9ECACF#8DB3B8#7B9DA1#6A868A#587073#465A5C#354345#232D2E#121617
Color combinations
Complementary
#B0E0E6#E7B8B1
Analogous
#B0E0E6#B1E7D2#B1C6E7
Triadic
#B0E0E6#E7B1E0#E0E7B1
Use Powder Blue in CSS
.text { color: #B0E0E6; }
.box { background-color: rgb(176, 224, 230); }
.border { border: 2px solid hsl(187, 52%, 80%); }
Text in Powder Blue
Background in Powder Blue
Similar colors
- Light Blue
- Pale Turquoise
- Light Steel Blue
- Light Gray
- Periwinkle
- Baby Blue
- Sky Blue
- Gainsboro
- Light Sky Blue
- Silver
- Thistle
- Lavender
Frequently asked questions
What is the HEX code for Powder Blue?
The HEX code for Powder Blue is #B0E0E6.
What is the RGB value of Powder Blue?
Powder Blue in RGB is rgb(176, 224, 230): red 176, green 224 and blue 230 out of 255.
How do I use Powder Blue in CSS?
Use color: #B0E0E6; for text or background-color: #B0E0E6; for backgrounds. You can also write the CSS name powderblue.