#B0E0E6
Blue family

Powder Blue

Also known as: serene · soft · ethereal · delicate · dreamy
Save
Hex #B0E0E6
RGB rgb(176, 224, 230)
HSL hsl(187°, 52%, 80%)
CMYK 23 · 3 · 0 · 10
CSS powderblue

Meaning

In Western cultures, Powder Blue is often linked to tranquility, peace, and trust, making it a popular choice for nurseries and healthcare settings. However, in some Eastern cultures, lighter blues can represent sadness or melancholy, providing a nuanced contrast to its generally uplifting Western connotations.

The term 'Powder Blue' became popular in the early 20th century, particularly in the 1920s, when fashion and interior design embraced lighter shades. Its name likely derives from the fine powders used by artists and decorators, capturing a sense of refinement and elegance.

serenesoftetherealdelicatedreamy

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Powder Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Powder Blue by lightness — from #5C7478 (darkest) to #D6EFF2 (lightest). Click any to copy.

-40% #5C7478
-30% #718F93
-20% #86AAAF
-10% #9BC5CA
BASE #B0E0E6
+15% #B9E4E9
+30% #C3E7EC
+50% #CCEBEF
+70% #D6EFF2

Complementary

Sitting opposite Powder Blue at 7° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Powder Blue.

#B0E0E6
#FFD700
#FFFFFF
#4682B4
#D3D3D3

Sky Serenity

Calm Bliss
#B0E0E6
#FFB6C1
#F5F5F5
#556B2F
#8A2BE2

Gentle Breeze

Soft Whimsy
#B0E0E6
#20B2AA
#2F4F4F
#FFFFE0
#708090

Ocean Mist

Refreshing Calm

Powder Blue scale

A 50–900 tonal scale with Powder Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F9FDFD
100 #F1F9FB
200 #E1F3F6
300 #D1EDF1
400 #C1E7EB
500 #B0E0E6
600 #90B8BD
700 #749498
800 #587073
900 #3C4C4E

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 14.65:1
Powder Blue as text on… Ratio AA AAA
Aa White background 1.43:1 Fail Fail
Aa Black background 14.65:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #B0E0E6

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: powderblue;
CSS color-mix (lighten 30%) color-mix(in srgb, powderblue 70%, white)
HSV / HSB 187°, 23%, 90%
CMYK (print) 23, 3, 0, 10
Decimal 11591910
Nearest web-safe #99CCFF

Color vision

How Powder Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#B0E0E6

Protanopia (no red)

#C5C5E5

Deuteranopia (no green)

#C2BEE4

Tritanopia (no blue)

#B2E3E3
Cornflower Blue
14 / 45 Blues Periwinkle
Copied!