#b0e0e6
HEX
#b0e0e6 RGB
rgb(176, 224, 230) HSL
187°, 52%, 80% About PowderBlue Color
PowderBlue is a soft, pale blue that feels calm and airy. It is commonly used in healthcare, baby products, and peaceful UI designs.
Use Cases for PowderBlue
healthcarebaby productspeaceful UIcalm themessky backgrounds
Shades & Tints of PowderBlue
#ffffff
#ebf7f9
#d8f0f3
#c4e8ec
#b0e0e6
#84a8ad
#587073
#2c383a
#000000
Complementary Color
#b0e0e6
#e7b8b1
Analogous Colors
#b1e7d2
#b0e0e6
#b1c6e7
CSS Code
.powderblue-color {
color: #b0e0e6;
}Contrast Recommendations
Black text on PowderBlue
Ratio: 14.65:1 ✓ Passes AA ✓ Passes AAA
White text on PowderBlue
Ratio: 1.43:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is PowderBlue?
PowderBlue is represented by the hex code #b0e0e6 and has RGB values of rgb(176, 224, 230). It falls under the Blue category.
How to use PowderBlue in web design?
PowderBlue works well for healthcare, baby products, peaceful UI. PowderBlue is a soft, pale blue that feels calm and airy. It is commonly used in healthcare, baby products, and peaceful UI designs. Use it as a primary color, accent, or background depending on your design needs.
What colors go with PowderBlue?
Colors that pair well with PowderBlue include lightblue, lightsteelblue, paleturquoise, skyblue, aliceblue. For a complementary scheme, try #e7b8b1. For an analogous scheme, use #b1e7d2 and #b1c6e7.