Slate gray color

Named after slate, the rock used for roofing and old school chalkboards. It's a medium gray with a blue base. In CSS it's called slategray.

Also known as: slate, slategray.

Slate gray · #708090

About slate gray

Slate gray (#708090) is a cool, mid-tone, muted color. It belongs to the grays family. It mixes 112 red, 128 green and 144 blue (out of 255). It is mostly used in home decor, architecture, web.

Slate gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

Slate gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Stone gray

AnalogousClose to: Smoke gray

TriadicClose to: Gray, Sage green

Split complementaryClose to: Mocha, Stone gray

TetradicClose to: Lilac, Stone gray, Sage green

Slate gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Slate gray

Analogous palette · Slate gray

Complementary palette · Slate gray

Triadic palette · Slate gray

With neutrals palette · Slate gray

With an accent palette · Slate gray

Slate gray contrast with text

White textContrast 4.1:1 · AA large text

Black textContrast 5.2:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --slate-gray: #708090;
  --slate-gray-rgb: 112, 128, 144;
}
.bg { background-color: var(--slate-gray); }
.text { color: var(--slate-gray); }

Colors similar to slate gray

Steel gray Lead gray Gray Blue gray Smoke gray Stone gray Dark gray Steel blue Graphite Cerulean

Themed palettes with this color

More grays

Gray Light gray Dark gray Silver Charcoal gray Ash gray Pearl gray Oxford gray Graphite Taupe Steel gray Lead gray Smoke gray Stone gray Platinum Blue gray Greige

Frequently asked questions

What is the hex code for slate gray?

The hex code for slate gray is #708090. In RGB it is rgb(112, 128, 144), in HSL hsl(210, 13%, 50%) and in CMYK 22, 11, 0, 44.

What is the complementary color of slate gray?

Its complement on the color wheel is #908070, close to stone gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on slate gray?

Use black text instead: the contrast with white is only 4.1:1, while with black it is 5.2:1.