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.

Slate Gray color codes
HEX#708090
RGBrgb(112, 128, 144)
HSLhsl(210, 13%, 50%)
HSVhsv(210, 22%, 56%)
CMYKcmyk(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.

White text

The quick brown fox jumps over the lazy dog.

4.05:1 · AA large
Black text

The quick brown fox jumps over the lazy dog.

5.17:1 · AA

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

#8593A1
#9BA6B1
#B0B9C2
#C6CCD3
#DBDFE3

Shades

#5F6D7A
#4E5A65
#3E464F
#2D333A
#1C2024

Slate Gray color schemes

Color-wheel harmonies built by rotating the hue of #708090 and keeping its saturation and lightness.

Complementary

#708090
#908070

Analogous

#709090
#708090
#707090

Triadic

#708090
#907080
#809070

Split complementary

#708090
#907070
#909070

Tetradic

#708090
#907090
#908070
#709070

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.