lightsteelblue — #B0C4DE
#B0C4DE
rgb(176, 196, 222) · hsl(214, 41%, 78%) · CSS keyword lightsteelblue
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| lightsteelblue on white | 1.78:1 | — | — |
| lightsteelblue on black | 11.8:1 | AA | AA |
As a background, lightsteelblue takes black text: 11.8:1 against 1.78: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: lightsteelblue;
color: #b0c4de;
color: rgb(176 196 222);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 lightsteelblue
- silver — #C0C0C0
- lightblue — #ADD8E6
- powderblue — #B0E0E6
- thistle — #D8BFD8
- lightgray — #D3D3D3
- skyblue — #87CEEB
Frequently asked questions
What is the hex code for lightsteelblue?
The hex code for lightsteelblue is #B0C4DE — RGB 176, 196, 222.
Can I use lightsteelblue for text?
Not on a white background. lightsteelblue reaches only 1.78:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on lightsteelblue be black or white?
Black — 11.8:1 against 1.78:1 the other way.
Other named colours
- lightyellow — #FFFFE0
- lime — #00FF00
- limegreen — #32CD32
- linen — #FAF0E6
- magenta — #FF00FF
- maroon — #800000
- mediumaquamarine — #66CDAA
- mediumblue — #0000CD
- mediumorchid — #BA55D3
- mediumpurple — #9370DB
- mediumseagreen — #3CB371
- mediumslateblue — #7B68EE
#B0C4DE in full — tints, shades and harmonies · All named colours · Colour reference