Powder blue color

A very light, airy blue, like the color of cosmetic face powder tinted blue. It is common in baby showers, pastel fashion and retro-style kitchens.

Also known as: Pale blue.

Powder blue · #B0E0E6

About powder blue

Powder blue (#B0E0E6) is a cool, light, moderately saturated color. It belongs to the blues family. It mixes 176 red, 224 green and 230 blue (out of 255). It is mostly used in baby shower, pastels, fashion.

Powder blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Powder blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Dusty pink

AnalogousClose to: Seafoam green, Chambray blue

TriadicClose to: Mauve pink, Vanilla

Split complementaryClose to: Cameo pink, Oatmeal

TetradicClose to: Wisteria, Dusty pink, Celadon

Powder blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Powder blue

Analogous palette · Powder blue

Complementary palette · Powder blue

Triadic palette · Powder blue

With neutrals palette · Powder blue

With an accent palette · Powder blue

Powder blue contrast with text

White textContrast 1.4:1 · Not recommended

Black textContrast 14.7:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --powder-blue: #B0E0E6;
  --powder-blue-rgb: 176, 224, 230;
}
.bg { background-color: var(--powder-blue); }
.text { color: var(--powder-blue); }

Colors similar to powder blue

Light blue Pastel turquoise Pastel blue Duck egg blue Celeste Sky blue Light gray Gainsboro Baby blue Pearl gray

Themed palettes with this color

Frequently asked questions

What is the hex code for powder blue?

The hex code for powder blue is #B0E0E6. In RGB it is rgb(176, 224, 230), in HSL hsl(187, 52%, 80%) and in CMYK 23, 3, 0, 10.

What is the complementary color of powder blue?

Its complement on the color wheel is #E6B6B0, close to dusty pink. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on powder blue?

Use black text instead: the contrast with white is only 1.4:1, while with black it is 14.7:1.