lightslategray — #778899
#778899
rgb(119, 136, 153) · hsl(210, 14%, 53%) · CSS keyword lightslategray
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| lightslategray on white | 3.64:1 | — | AA |
| lightslategray on black | 5.77:1 | AA | AA |
As a background, lightslategray takes black text: 5.77:1 against 3.64: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: lightslategray;
color: #778899;
color: rgb(119 136 153);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.
lightslategrey is the same colour: CSS accepts both spellings and they are byte for byte identical, so color: lightslategray and color: lightslategrey render the same.
Colours close to lightslategray
- slategray — #708090
- gray — #808080
- cadetblue — #5F9EA0
- steelblue — #4682B4
- dimgray — #696969
- cornflowerblue — #6495ED
Frequently asked questions
What is the hex code for lightslategray?
The hex code for lightslategray is #778899 — RGB 119, 136, 153.
Can I use lightslategray for text?
Only for large text. lightslategray reaches 3.64:1 against white — enough for the 3:1 of headings at 24px or 18.5px bold, short of the 4.5:1 body text needs.
Should text on lightslategray be black or white?
Black — 5.77:1 against 3.64:1 the other way.
Other named colours
- lightsteelblue — #B0C4DE
- lightyellow — #FFFFE0
- lime — #00FF00
- limegreen — #32CD32
- linen — #FAF0E6
- magenta — #FF00FF
- maroon — #800000
- mediumaquamarine — #66CDAA
- mediumblue — #0000CD
- mediumorchid — #BA55D3
- mediumpurple — #9370DB
- mediumseagreen — #3CB371
#778899 in full — tints, shades and harmonies · All named colours · Colour reference