What is the HEX code for PowderBlue?

The HEX code for PowderBlue is #B0E0E6.

What is the RGB value for PowderBlue?

PowderBlue uses RGB values 176,224,230.

Can I use PowderBlue directly in CSS?

Yes. You can use the named CSS color powderblue, the HEX value #B0E0E6, or rgb(176,224,230).

HTML named color

PowderBlue color code

Use the PowderBlue HTML color with HEX #B0E0E6, RGB 176,224,230 and HSL 187,52%,80%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bleus

#B0E0E6

rgb(176,224,230)

HEX

#B0E0E6

RGB

rgb(176,224,230)

HSL

hsl(187,52%,80%)

OKLCH

oklch(87.5% 0.050 205.7)

CSS name

powderblue

How to use this color

PowderBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-powder-blue {
  color: #B0E0E6;
}

.bg-powder-blue {
  background-color: powderblue;
}

.border-powder-blue {
  border-color: rgb(176,224,230);
}