Powder Blue hex code
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%).
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%).
Powder Blue · #B0E0E6
Colour codes
- HEX
- #B0E0E6
- RGB
- rgb(176, 224, 230)
- HSL
- hsl(187, 52%, 80%)
- CMYK
- 23, 3, 0, 10
- CSS name
- powderblue
- Contrast on white
- 1.43:1
- Contrast on black
- 14.65:1
Tints and shades
20% lighter · #c0e6eb
40% lighter · #d0ecf0
60% lighter · #dff3f5
80% lighter · #eff9fa
20% darker · #8db3b8
40% darker · #6a868a
60% darker · #465a5c
80% darker · #232d2e
Complementary colour
Powder Blue · #B0E0E6
Opposite on the colour wheel · #e7b8b1
Frequently asked questions
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%).
Can I use powder blue for text?
It has a contrast ratio of 1.43:1 on white and 14.65:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with powder blue?
Its complementary colour, opposite on the colour wheel, is #E7B8B1. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of powder blue instead.
Is powder blue a CSS colour name?
Yes. CSS accepts the keyword powderblue, so color: powderblue and color: #B0E0E6 render exactly the same.