Slate Gray hex code
The hex code for slate gray is #708090. In RGB that is rgb(112, 128, 144) and in HSL it is hsl(210, 13%, 50%).
The hex code for slate gray is #708090. In RGB that is rgb(112, 128, 144) and in HSL it is hsl(210, 13%, 50%).
Slate Gray · #708090
Colour codes
- HEX
- #708090
- RGB
- rgb(112, 128, 144)
- HSL
- hsl(210, 13%, 50%)
- CMYK
- 22, 11, 0, 44
- CSS name
- slategray
- Contrast on white
- 4.05:1
- Contrast on black
- 5.18:1
Tints and shades
20% lighter · #8d99a6
40% lighter · #a9b3bc
60% lighter · #c6ccd3
80% lighter · #e2e6e9
20% darker · #5a6673
40% darker · #434d56
60% darker · #2d333a
80% darker · #161a1d
Complementary colour
Slate Gray · #708090
Opposite on the colour wheel · #90806f
Frequently asked questions
What is the hex code for slate gray?
The hex code for slate gray is #708090. In RGB that is rgb(112, 128, 144) and in HSL it is hsl(210, 13%, 50%).
Can I use slate gray for text?
It has a contrast ratio of 4.05:1 on white and 5.18:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with slate gray?
Its complementary colour, opposite on the colour wheel, is #90806F. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of slate gray instead.
Is slate gray a CSS colour name?
Yes. CSS accepts the keyword slategray, so color: slategray and color: #708090 render exactly the same.