- No data uploaded
- Instant results
Slate Gray — #708090
Slate Gray is the CSS named colour slategray, hex #708090. It has a contrast ratio of 4.05:1 on white and 5.18:1 on black — best used as text on dark backgrounds.
Slate Gray — #708090
Contrast on white 4.05:1 · on black 5.18:1
Tints
Shades
Complementary
Triadic
Analogous
Using Slate Gray in code
CSS: color: slategray; or color: #708090; · Tailwind: text-[#708090] · Android/Flutter: 0xFF708090
Slate Gray colour harmonies
Complementary: #908070 · Triadic: #907080, #809070 · Analogous: #709090, #707090. Use tints for backgrounds and shades for hover states.
Slate Gray in every colour format
| Format | Value |
|---|---|
| HEX | #708090 |
| RGB | rgb(112, 128, 144) |
| HSL | hsl(210, 13%, 50%) |
| HSV | hsv(210, 22%, 56%) |
| CMYK | cmyk(22%, 11%, 0%, 44%) |
| CSS name | slategray |
| Contrast on white | 4.05:1 |
| Contrast on black | 5.18:1 |
Frequently asked questions
What is the hex code for Slate Gray?
#708090 (CSS name: slategray).
What is Slate Gray in RGB?
rgb(112, 128, 144)
What colour goes well with Slate Gray?
Its complementary colour #908070, or the analogous #709090 and #707090.