slategray — #708090
#708090
rgb(112, 128, 144) · hsl(210, 13%, 50%) · CSS keyword slategray
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| slategray on white | 4.05:1 | — | AA |
| slategray on black | 5.18:1 | AA | AA |
As a background, slategray takes black text: 5.18:1 against 4.05: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: slategray;
color: #708090;
color: rgb(112 128 144);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.
slategrey is the same colour: CSS accepts both spellings and they are byte for byte identical, so color: slategray and color: slategrey render the same.
Colours close to slategray
- lightslategray — #778899
- gray — #808080
- dimgray — #696969
- cadetblue — #5F9EA0
- steelblue — #4682B4
- mediumpurple — #9370DB
Frequently asked questions
What is the hex code for slategray?
The hex code for slategray is #708090 — RGB 112, 128, 144.
Can I use slategray for text?
Only for large text. slategray reaches 4.05: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 slategray be black or white?
Black — 5.18:1 against 4.05:1 the other way.
Other named colours
- snow — #FFFAFA
- springgreen — #00FF7F
- steelblue — #4682B4
- tan — #D2B48C
- teal — #008080
- thistle — #D8BFD8
- tomato — #FF6347
- turquoise — #40E0D0
- violet — #EE82EE
- wheat — #F5DEB3
- white — #FFFFFF
- whitesmoke — #F5F5F5
#708090 in full — tints, shades and harmonies · All named colours · Colour reference