PowderBlue Color — HEX, RGB, HSL, Palettes & Contrast

PowderBlue (#b0e0e6): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#b0e0e6
HEX #b0e0e6
RGB rgb(176, 224, 230)
HSL 187°, 52%, 80%

Use PowderBlue in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

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

Triadic Colors

#b0e0e6
#e7b1e0
#e0e7b1

Split Complementary

#b0e0e6
#e7b1c6
#e7d2b1

Tetradic Colors

#b0e0e6
#b8b1e7
#e7b8b1
#e0e7b1

CSS Code

.powderblue-color {
  color: #b0e0e6;
  background-color: #b0e0e6;
}

/* As a CSS custom property */
:root {
  --color-powderblue: #b0e0e6;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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

Related Colors

LightBlue
LightSteelBlue
PaleTurquoise
SkyBlue
AliceBlue

Related Tools

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. For a triadic scheme, combine with #e7b1e0 and #e0e7b1.