Slate Gray #708090

Slate Gray#708090 · rgb(112, 128, 144)

Slate Gray color codes

CSS nameslategray
HEX#708090
RGBrgb(112, 128, 144)
HSLhsl(210, 13%, 50%)
CMYKcmyk(22%, 11%, 0%, 44%)
Decimal7372944

Shades of Slate Gray (darker)

#657382 · #5A6673 · #4E5A65 · #434D56 · #384048 · #2D333A · #22262B · #161A1D · #0B0D0E

Tints of Slate Gray (lighter)

#7E8D9B · #8D99A6 · #9BA6B1 · #A9B3BC · #B8C0C8 · #C6CCD3 · #D4D9DE · #E2E6E9 · #F1F2F4

Color harmonies

Complementary
#90806F
Triadic
#906F80, #80906F
Analogous
#6F9090, #6F6F90

Accessibility (WCAG contrast)

White text on Slate Gray4.05:1 · AA large text only
Black text on Slate Gray5.18:1 · AA

Use Slate Gray in code

.element {
  color: slategray;          /* or #708090 */
  background-color: rgb(112 128 144 / 0.5);
}

Frequently asked questions

What is the hex code for Slate Gray?

Slate Gray is #708090 in HEX, rgb(112, 128, 144) in RGB and hsl(210, 13%, 50%) in HSL.

Can I use "slategray" directly in CSS?

Yes. "slategray" is one of the 148 standard CSS named colors, so color: slategray; works in every browser.

Is Slate Gray readable on white?

The contrast ratio of Slate Gray on white is 4.05:1 (WCAG AA large text only). On black it is 5.18:1 (AA).

What is the complementary color of Slate Gray?

The complementary color (opposite on the color wheel) is #90806F.

Similar colors

Light Slate Gray#778899Light Slate Grey#778899Gray#808080Grey#808080Cadet Blue#5F9EA0Dim Gray#696969Dim Grey#696969Steel Blue#4682B4

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.