Blue color

Powder Blue #B0E0E6

#B0E0E6 · rgb(176, 224, 230)

Powder Blue is the color #B0E0E6. In RGB it is rgb(176, 224, 230) — 69% red, 88% green and 90% blue. Its CMYK breakdown is 23% cyan, 3% magenta, 0% yellow and 10% black, and in HSL it sits at 187° hue, 52% saturation and 80% lightness. Powder Blue is one of the 140 standard CSS / HTML color names, so color: powder-blue works in CSS. The closest web-safe color is #99CCFF.

Open in color picker Convert Make a palette Check contrast

Powder Blue color codes

Hex#B0E0E6
RGBrgb(176, 224, 230)
RGB %69%, 88%, 90%
HSLhsl(187, 52%, 80%)
HSV / HSBhsv(187, 23%, 90%)
CMYKcmyk(23%, 3%, 0%, 10%)
OKLCHoklch(88% 0.05 206)
Closest web-safe#99CCFF

Powder Blue color meaning

Powder Blue is a soft and airy blue — a cool color at 80% lightness and 52% saturation. Like other blues, it is linked with trust, calm and dependability. It is the most widely liked color, which is why banks, tech companies and healthcare brands lean on it.

Because it is soft and airy, powder blue works best for backgrounds, walls, baby rooms, wedding stationery and large calm surfaces. As text on white it would be too faint (1.4:1), so use it for fills and backgrounds and put black text on top (14.7:1).

What colors go with Powder Blue?

Powder Blue pairs well with Light Pink, Pale Turquoise, Light Steel Blue and Charcoal: Light Pink sits close to its opposite on the color wheel for strong contrast, Pale Turquoise and Light Steel Blue are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

ComplementaryLight Pink#FFB6C1AnalogousPale Turquoise#AFEEEEAnalogousLight Steel Blue#B0C4DENeutral partnerCharcoal#36454F

Build a full scheme around powder blue in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Powder Blue at a glance

Color familyBlue · cool, soft and airy
CSS color nameYes — powderblue works in CSS
As text on white1.43:1 — not readable as text
Best text on itBlack (14.65:1)
For print (CMYK)23% cyan, 3% magenta, 0% yellow, 10% black
Full screenOpen the powder blue screen — fill your display or download it in 4K

Contrast

Contrast ratio of Powder Blue against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.43:1 Black text — 14.65:1

Shades, tints & tones

Shades — toward black
Tints — toward white
Tones — toward gray

Color harmonies

Complementary
Analogous
Split-complementary
Triadic
Tetradic
Square
Rainbow

Colors similar to Powder Blue

Light Blue#ADD8E6Pale Turquoise#AFEEEEPowder Blue Soft#B6D0E2Gainsboro#DCDCDCLight Gray#D3D3D3Platinum#E5E4E2

Powder Blue color FAQ

What is the hex code for Powder Blue?

Powder Blue is #B0E0E6, which is rgb(176, 224, 230) and hsl(187, 52%, 80%). For print it is roughly C23 M3 Y0 K10.

What colors go with Powder Blue?

Powder Blue pairs well with Light Pink, Pale Turquoise, Light Steel Blue, Charcoal. Light Pink gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Powder Blue a warm or cool color?

Powder Blue is a cool color: its hue is 187°, on the green, blue and violet side of the color wheel.

What text color looks best on Powder Blue?

Black text, with a contrast ratio of 14.7:1, which meets WCAG AA for normal text.