Slate Gray #708090
Slate gray is a medium gray with a cool blue tint, hex #708090, the same as the CSS 'slategray' keyword. It is muted and low in saturation, close to middle gray in lightness. It looks like the stone used for roof tiles and old school chalkboards, and suggests stormy skies and calm, serious design.
#708090 is CSS 'slategray'. CSS also has 'lightslategray' (#778899) and 'darkslategray' (#2F4F4F), which is much darker and greener.
| HEX | #708090 | |
|---|---|---|
| RGB | rgb(112, 128, 144) | |
| HSL | hsl(210, 13%, 50%) | |
| HSV | hsv(210, 22%, 56%) | |
| CMYK | cmyk(22%, 11%, 0%, 44%) |
Text on Slate Gray
Black text reads better on Slate Gray. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Slate Gray
Slate Gray tints and shades
Tints mix Slate Gray with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Slate Gray color schemes
Color-wheel harmonies built by rotating the hue of #708090 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Slate Gray color meaning
Slate is a fine-grained stone used for roofs, floors and, historically, writing tablets and chalkboards. The color borrows its sturdiness and practicality. Writing on slate tablets was a standard part of schooling in the nineteenth century, so the color can carry a slightly old-fashioned, schoolroom feel.
Its blue tint makes it feel cooler and more composed than plain gray. People read it as calm, professional and dependable, the gray of overcast coastal weather and well-made tools. It feels steadier and more thoughtful than a bright blue, and less heavy than charcoal.
It has few strong cultural meanings of its own, though slate roofs are a feature of traditional architecture in many regions, which adds a sense of age and permanence. In product design, slate is a common choice for electronics and kitchen appliances that need to look solid.
How to use Slate Gray in design
Slate gray is popular in tech, finance, consulting and outdoor brands as a softer replacement for black or navy. As a background, it gives only moderate contrast to both white and black text, so check the contrast figures on this page before using either for small copy. As a text color on white, it suits headings, labels and icons.
In interiors, slate gray walls, cabinets and tiles pair well with warm wood and brass. In fashion, it is a cooler alternative to charcoal for suits and outerwear.
Palettes with Slate Gray tones
Curated palettes with a color close to #708090.
Colors similar to Slate Gray
Work with Slate Gray
Slate Gray FAQ
Is slate gray blue or gray?
Slate gray is a gray with a clear blue tint. In #708090, the blue channel is higher than red or green, which cools it down. It still reads as gray in most designs but looks noticeably blue next to a neutral gray.
What is the difference between slate gray and charcoal?
Charcoal (#36454F) is much darker, close to black with a blue-gray tint. Slate gray (#708090) is a medium tone, lighter and more obviously blue. Charcoal works as a black substitute for text, while slate gray suits secondary text, icons and surfaces.