Powder Blue #B0E0E6

Powder Blue#B0E0E6 · rgb(176, 224, 230)

Powder Blue color codes

CSS namepowderblue
HEX#B0E0E6
RGBrgb(176, 224, 230)
HSLhsl(187, 52%, 80%)
CMYKcmyk(23%, 3%, 0%, 10%)
Decimal11591910

Shades of Powder Blue (darker)

#9ECACF · #8DB3B8 · #7B9DA1 · #6A868A · #587073 · #465A5C · #354345 · #232D2E · #121617

Tints of Powder Blue (lighter)

#B8E3E9 · #C0E6EB · #C8E9EE · #D0ECF0 · #D8F0F3 · #DFF3F5 · #E7F6F8 · #EFF9FA · #F7FCFD

Color harmonies

Complementary
#E7B8B1
Triadic
#E7B1E0, #E0E7B1
Analogous
#B1E7D2, #B1C6E7

Accessibility (WCAG contrast)

White text on Powder Blue1.43:1 · Fail
Black text on Powder Blue14.65:1 · AAA

Use Powder Blue in code

.element {
  color: powderblue;          /* or #b0e0e6 */
  background-color: rgb(176 224 230 / 0.5);
}

Frequently asked questions

What is the hex code for Powder Blue?

Powder Blue is #B0E0E6 in HEX, rgb(176, 224, 230) in RGB and hsl(187, 52%, 80%) in HSL.

Can I use "powderblue" directly in CSS?

Yes. "powderblue" is one of the 148 standard CSS named colors, so color: powderblue; works in every browser.

Is Powder Blue readable on white?

The contrast ratio of Powder Blue on white is 1.43:1 (WCAG Fail). On black it is 14.65:1 (AAA).

What is the complementary color of Powder Blue?

The complementary color (opposite on the color wheel) is #E7B8B1.

Similar colors

Light Blue#ADD8E6Pale Turquoise#AFEEEELight Steel Blue#B0C4DELight Gray#D3D3D3Light Grey#D3D3D3Sky Blue#87CEEBGainsboro#DCDCDCLight Sky Blue#87CEFA

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.