Slate Gray is a medium, muted shade in the gray color family, with a cool feel. Its HEX code is #708090, which equals rgb(112, 128, 144) in RGB and hsl(210, 13%, 50%) in HSL. In print terms it converts to roughly C22 M11 Y0 K44, although exact CMYK results depend on the paper and color profile.
- HEX
#708090 - RGB
112, 128, 144 - HSL
210°, 13%, 50% - CMYK
22, 11, 0, 44 - Family
Gray - Tone
Medium, muted
About Slate Gray
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 5.18:1. Its complementary color is #90806F.
Download Slate Gray as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Slate Gray color codes
| HEX | #708090 |
|---|---|
| RGB | rgb(112, 128, 144) |
| HSL | hsl(210, 13%, 50%) |
| HSV | 210°, 22%, 56% |
| CMYK | 22%, 11%, 0%, 44% |
| Decimal | 7372944 |
Shades and tints of Slate Gray
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E7EAED - 100
#CFD5DA - 200
#B8C0C8 - 300
#A0AAB5 - 400
#8895A3 - 500
#708090 - 600
#5D6B78 - 700
#4B5560 - 800
#384048 - 900
#252B30 - 950
#131518
Color harmonies for Slate Gray
- Complementary
#90806F≈ Warm Gray 50 - Analogous −30°
#6F9090≈ Dusty Peacock - Analogous +30°
#6F6F90≈ Dusty Cobalt - Triadic +120°
#906F80≈ Dusty Blush - Triadic +240°
#80906F≈ Dusty Apple - Split 150°
#906F6F≈ Dusty Vermilion - Split 210°
#90906F≈ Dusty Marigold
Contrast and accessibility of Slate Gray
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Slate Gray | Aa | 4.05:1 | AA Large only |
| Black text on Slate Gray | Aa | 5.18:1 | AA (good) |
CSS code for Slate Gray
background-color: #708090;color: #708090;background-color: rgb(112, 128, 144);background-color: hsl(210, 13%, 50%);:root { --color-slate-gray: #708090; }class="bg-[#708090]"Colors similar to Slate Gray
- Cool Gray 50
#747E8B - Dusty Cerulean
#667F99 - Dusty Azure
#668599 - Light Slate Gray
#778899 - Dusty Cornflower
#667A99 - Dusty Capri
#668A99 - Dusty Sapphire
#667599 - Gray
#808080 - Dusty Peacock
#668F99 - Cool Gray 55
#828B97 - Dusty Cobalt
#667099 - Cool Gray 45
#68717D
More gray shades
- Gainsboro
#DCDCDC - Silver
#C0C0C0 - Dark Gray
#A9A9A9 - Dim Gray
#696969 - Gray
#808080 - Light Gray
#D3D3D3 - Pewter
#8B8E92 - Ash Gray
#B2BEB5 - Graphite
#383838 - Onyx
#353839 - Ebony
#555D50
Frequently asked questions
What is the HEX code for Slate Gray?
The HEX code for Slate Gray is #708090.
What is the RGB value of Slate Gray?
Slate Gray has an RGB value of 112, 128, 144 (rgb(112, 128, 144)). In HSL it is 210°, 13%, 50%.
What text color should I use on Slate Gray?
Use black text on Slate Gray. White text has a contrast ratio of 4.05:1 and black text has 5.18:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Slate Gray?
The complementary color of Slate Gray is #90806F. Analogous colors #6F9090 and #6F6F90 also pair well.