What is the hex code for Slate Gray?

The hex code for Slate Gray is #708090. In RGB that is rgb(112, 128, 144), and in HSL it is hsl(210, 13%, 50%).

What RGB values make Slate Gray?

Slate Gray is 112 red, 128 green, and 144 blue, written as rgb(112, 128, 144).

Slate Gray scores 4.05:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: slategray directly in CSS, which every browser resolves to #708090.

#708090

Slate Gray is a blue tone at #708090. It sits at 210 degrees on the color wheel with 13% saturation and 50% lightness.

Color values

Tints mix Slate Gray with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#E2E6E9

Tint 60%

#C6CCD3

Tint 40%

#A9B3BC

Tint 20%

#8D99A6

Base

#708090

Shade 20%

#5A6673

Shade 40%

#434D56

Shade 60%

#2D333A

Shade 80%

#161A1D

On white

Sample text

4.05:1

Large text only

On black

Sample text

5.18:1

Passes AA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Slate Gray?: The hex code for Slate Gray is #708090. In RGB that is rgb(112, 128, 144), and in HSL it is hsl(210, 13%, 50%).
What RGB values make Slate Gray?: Slate Gray is 112 red, 128 green, and 144 blue, written as rgb(112, 128, 144).
Is Slate Gray readable as text on a white background?: Slate Gray scores 4.05:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Slate Gray a valid CSS color name?: Yes. You can write color: slategray directly in CSS, which every browser resolves to #708090.