What is the hex code for Powder Blue?

The hex code for Powder Blue is #B0E0E6. In RGB that is rgb(176, 224, 230), and in HSL it is hsl(187, 52%, 80%).

What RGB values make Powder Blue?

Powder Blue is 176 red, 224 green, and 230 blue, written as rgb(176, 224, 230).

Powder Blue scores 1.43:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: powderblue directly in CSS, which every browser resolves to #B0E0E6.

#B0E0E6

Powder Blue is a cyan tone at #B0E0E6. It sits at 187 degrees on the color wheel with 52% saturation and 80% lightness.

Color values

Tints mix Powder Blue with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#EFF9FA

Tint 60%

#DFF3F5

Tint 40%

#D0ECF0

Tint 20%

#C0E6EB

Base

#B0E0E6

Shade 20%

#8DB3B8

Shade 40%

#6A868A

Shade 60%

#465A5C

Shade 80%

#232D2E

On white

Sample text

1.43:1

Fails WCAG for text

On black

Sample text

14.65:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Powder Blue?: The hex code for Powder Blue is #B0E0E6. In RGB that is rgb(176, 224, 230), and in HSL it is hsl(187, 52%, 80%).
What RGB values make Powder Blue?: Powder Blue is 176 red, 224 green, and 230 blue, written as rgb(176, 224, 230).
Is Powder Blue readable as text on a white background?: Powder Blue scores 1.43:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Powder Blue a valid CSS color name?: Yes. You can write color: powderblue directly in CSS, which every browser resolves to #B0E0E6.