#B0E0E6
Powder Blue
Powder blue is a very pale, delicate shade of blue with a slight gray undertone. It is calming and unobtrusive, perfect for backgrounds.
Powder Blue Color Values
HEX#B0E0E6
RGB176, 224, 230
HSL187°, 52%, 80%
HSV187°, 23%, 90%
CMYK23%, 3%, 0%, 10%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #D8DCE7 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #CED4E6 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #9FE4E2 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #D4D4D4 (~0.003% of population)
Powder Blue as Text Color
Powder Blue on White
1.4:1FAIL
Powder Blue on Light Gray
1.3:1FAIL
Powder Blue on Cream
1.4:1FAIL
Powder Blue on Dark
11.9:1AAA
Powder Blue on Black
14.7:1AAA
Powder Blue on Soft Blue
1.3:1FAIL
Powder Blue on Soft Green
1.3:1FAIL
Powder Blue on Soft Pink
1.2:1FAIL
Nearest Tailwind Class
slate-300
#CBD5E1
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-powder-blue: #B0E0E6;
--color-powder-blue-rgb: 176, 224, 230;
}Tailwind Config
// tailwind.config.js
colors: {
'powder-blue': '#B0E0E6',
}Shades of Powder Blue
#B1E0E7
#8FD3DC
#6CC5D0
#49B7C5
#369DAB
#2C808C
#216069
#164046
#0B2023
#000000
Tints of Powder Blue
#B1E0E7
#B9E3E9
#C1E6EB
#CDEBEF
#D4EEF2
#DCF1F4
#E4F4F6
#EFF9FA
#F7FCFD
#FFFFFF
Color Harmonies
Complementary
#B0E0E6
#E7B8B1
Analogous
#B1E7D2
#B1E0E7
#B1C6E7
Triadic
#B1E0E7
#E7B1E0
#E0E7B1
Powder Blue Text Preview
Heading in Powder Blue
Body text in Powder Blue. The quick brown fox jumps over the lazy dog.
White on Powder Blue
Body text on a Powder Blue background.
Powder Blue text on dark background
Contrast: 12.4:1