CSS named color
PowderBlue
#B0E0E6
HEX
#b0e0e6RGB
rgb(176, 224, 230)HSL
hsl(187, 52%, 80%)OKLCH
oklch(87.51% 0.0502 205.73)NAME
powderbluePalette
Complementary
180° on the color wheelComplement
#E7B8B1
Analogous
±30° around the base hueLeft
#B1E7D2
Right
#B1C6E7
Triadic
±120° for harmonic contrastTriad 1
#E7B1E0
Triad 2
#E0E7B1
Shades
Lighter and darker variantsCSS usage
By name
color: powderblue;
background-color: powderblue;By HEX
color: #b0e0e6;
background-color: #b0e0e6;By RGB
color: rgb(176, 224, 230);
background-color: rgb(176, 224, 230);By HSL
color: hsl(187, 52%, 80%);
background-color: hsl(187, 52%, 80%);WCAG contrast vs white
Aa
1.43:1
Below minimum
WCAG contrast vs black
Aa
14.65:1
AAA
Related colors
FAQ — PowderBlue
What is the HEX code for PowderBlue?
The HEX code for PowderBlue is #B0E0E6. It's one of the 148 named CSS colors and can be used directly in CSS as color: powderblue; or color: #b0e0e6;
What is PowderBlue in RGB?
PowderBlue in RGB is rgb(176, 224, 230) — red 176, green 224, blue 230.
What is PowderBlue in HSL?
PowderBlue in HSL is hsl(187, 52%, 80%) — hue 187°, saturation 52%, lightness 80%.
What is the complementary color of PowderBlue?
The complementary color (directly opposite PowderBlue on the color wheel) is #E7B8B1. The two together produce maximum contrast.
Is white text readable on PowderBlue?
The WCAG contrast ratio against white (#FFFFFF) is 1.43:1, and against black (#000000) it's 14.65:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.