powder blue Color Codes
Color Preview
Powder Blue Color Codes
Related Colors
Complementary
#4f1f19
Analogous
hsl(217, 52%, 80%)
hsl(157, 52%, 80%)
Triadic
hsl(307, 52%, 80%)
hsl(67, 52%, 80%)
Tetradic
hsl(277, 52%, 80%)
hsl(7, 52%, 80%)
hsl(97, 52%, 80%)
HTML Snippets
.element { background-color: #B0E0E6; }
.element { color: #B0E0E6; }
This is how the text color would appear.
<span style="color: #B0E0E6;">Colored text</span>
This text has an inline style applied.
Accessibility
Contrast Ratios
Black14.65 (AA)
White1.43 (Fail)
Shades of Powder Blue
hsl(187, 52%, 50%)
hsl(187, 52%, 65%)
#B0E0E6
hsl(187, 52%, 95%)
hsl(187, 52%, 100%)
Color Blindness Simulations
Protanopia (Red-Blind)
#c5c5d9
Deuteranopia (Green-Blind)
#c2bed6
Tritanopia (Blue-Blind)
#b2cbc9
About powder blue
powder blue (#B0E0E6) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.