Powder Blue is a light, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #B0E0E6, which equals rgb(176, 224, 230) in RGB and hsl(187, 52%, 80%) in HSL. In print terms it converts to roughly C23 M3 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#B0E0E6 - RGB
176, 224, 230 - HSL
187°, 52%, 80% - CMYK
23, 3, 0, 10 - Family
Blue - Tone
Light, moderately saturated
About Powder Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 14.65:1. Its complementary color is #E7B8B1.
Download Powder Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Powder Blue color codes
| HEX | #B0E0E6 |
|---|---|
| RGB | rgb(176, 224, 230) |
| HSL | hsl(187, 52%, 80%) |
| HSV | 187°, 23%, 90% |
| CMYK | 23%, 3%, 0%, 10% |
| Decimal | 11591910 |
Shades and tints of Powder Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2FAFB - 100
#E5F5F7 - 200
#D8F0F3 - 300
#CAEAEE - 400
#BDE5EA - 500
#B0E0E6 - 600
#93BBC0 - 700
#759599 - 800
#587073 - 900
#3B4B4D - 950
#1D2526
Color harmonies for Powder Blue
- Complementary
#E7B8B1≈ Very Pale Soft Red - Analogous −30°
#B1E7D2≈ Very Pale Soft Mint - Analogous +30°
#B1C6E7≈ Very Pale Soft Sapphire - Triadic +120°
#E7B1E0≈ Very Pale Soft Cerise - Triadic +240°
#E0E7B1≈ Very Pale Soft Lime - Split 150°
#E7B1C6≈ Very Pale Soft Ruby - Split 210°
#E7D2B1≈ Very Pale Soft Orange
Contrast and accessibility of Powder Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Powder Blue | Aa | 1.43:1 | Fails |
| Black text on Powder Blue | Aa | 14.65:1 | AAA (excellent) |
CSS code for Powder Blue
background-color: #B0E0E6;color: #B0E0E6;background-color: rgb(176, 224, 230);background-color: hsl(187, 52%, 80%);:root { --color-powder-blue: #B0E0E6; }class="bg-[#B0E0E6]"Colors similar to Powder Blue
- Very Pale Soft Peacock
#B6E2ED - Very Pale Soft Capri
#B6DCED - Light Blue
#ADD8E6 - Very Pale Soft Lagoon
#B6E7ED - Very Pale Soft Azure
#B6D7ED - Very Pale Muted Lagoon
#BFE0E3 - Very Pale Bright Capri
#ACE0F6 - Very Pale Muted Cyan
#BFE3E3 - Very Pale Muted Peacock
#BFDCE3 - Very Pale Muted Teal
#BFE3E0 - Very Pale Soft Teal
#B6EDE7 - Very Pale Soft Turquoise
#B6EDE2
More blue shades
- Light Steel Blue
#B0C4DE - Medium Blue
#0000CD - Medium Purple
#9370DB - Medium Slate Blue
#7B68EE - Medium Turquoise
#48D1CC - Pale Turquoise
#AFEEEE - Slate Blue
#6A5ACD - Steel Blue
#4682B4 - Turquoise
#40E0D0 - Cerulean
#007BA7 - Sapphire
#0F52BA
Frequently asked questions
What is the HEX code for Powder Blue?
The HEX code for Powder Blue is #B0E0E6.
What is the RGB value of Powder Blue?
Powder Blue has an RGB value of 176, 224, 230 (rgb(176, 224, 230)). In HSL it is 187°, 52%, 80%.
What text color should I use on Powder Blue?
Use black text on Powder Blue. White text has a contrast ratio of 1.43:1 and black text has 14.65:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Powder Blue?
The complementary color of Powder Blue is #E7B8B1. Analogous colors #B1E7D2 and #B1C6E7 also pair well.