powderblue — #B0E0E6
#B0E0E6
rgb(176, 224, 230) · hsl(187, 52%, 80%) · CSS keyword powderblue
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| powderblue on white | 1.43:1 | — | — |
| powderblue on black | 14.65:1 | AA | AA |
As a background, powderblue takes black text: 14.65:1 against 1.43:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: powderblue;
color: #b0e0e6;
color: rgb(176 224 230);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to powderblue
- lightblue — #ADD8E6
- paleturquoise — #AFEEEE
- lightsteelblue — #B0C4DE
- lightgray — #D3D3D3
- gainsboro — #DCDCDC
- skyblue — #87CEEB
Frequently asked questions
What is the hex code for powderblue?
The hex code for powderblue is #B0E0E6 — RGB 176, 224, 230.
Can I use powderblue for text?
Not on a white background. powderblue reaches only 1.43:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on powderblue be black or white?
Black — 14.65:1 against 1.43:1 the other way.
Other named colours
- purple — #800080
- rebeccapurple — #663399
- red — #FF0000
- rosybrown — #BC8F8F
- royalblue — #4169E1
- saddlebrown — #8B4513
- salmon — #FA8072
- sandybrown — #F4A460
- seagreen — #2E8B57
- seashell — #FFF5EE
- sienna — #A0522D
- silver — #C0C0C0
#B0E0E6 in full — tints, shades and harmonies · All named colours · Colour reference