Slate Gray color values
| Format | Value |
|---|---|
| Hex | #708090 |
| RGB | rgb(112, 128, 144) |
| HSL | hsl(210, 13%, 50%) |
| HSV | 210, 22%, 56% |
| CMYK (simple conversion) | 22%, 11%, 0%, 44% |
| Decimal | 7372944 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Slate Gray
A cool, medium dark gray with faint blue undertones found in roofing stone. It serves as an excellent neutral background or text color in professional software interfaces. The shade avoids the flatness of pure gray by adding slight depth. It is one of the 148 CSS named colors.
Shades and tints of Slate Gray
Tints mix Slate Gray with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #7E8D9B | #657382 |
| 20% | #8D99A6 | #5A6673 |
| 30% | #9BA6B1 | #4E5A65 |
| 40% | #A9B3BC | #434D56 |
| 50% | #B8C0C8 | #384048 |
Color harmony for Slate Gray
These colors keep the same saturation and lightness as Slate Gray and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #908070 |
| Analogous | #709090 #707090 |
| Triadic | #907080 #809070 |
| Split complementary | #907070 #909070 |
Contrast and accessibility
Contrast between #708090 and white is 4.05:1 (large text only). Against black it is 5.18:1 (passes AA). For text on a Slate Gray background, black text is the more readable choice.
Use Slate Gray in CSS
.element {
color: slategray;
background-color: #708090;
border-color: rgb(112 128 144);
outline-color: hsl(210 13% 50%);
}All four lines produce exactly the same color. The keyword slategray is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- lightslategray: #778899
- gray: #808080
- Cadet Blue: #5F9EA0
- dimgray: #696969
FAQ
What is the hex code for Slate Gray?
The hex code for Slate Gray is #708090. As a CSS color keyword you can also write slategray.
What is Slate Gray in RGB?
Slate Gray is rgb(112, 128, 144): red 112, green 128, blue 144 on the 0 to 255 scale.
What color is closest to Slate Gray?
Of the CSS named colors, lightslategray (#778899) is the closest match to Slate Gray, followed by gray and cadetblue.
More colors
- Slate Blue: previous page
- Snow: next page
- CSS named colors: the full list