Slate Grey #708090

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

Slate Grey color codes

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

Shades of Slate Grey (darker)

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

Tints of Slate Grey (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 Grey4.05:1 · AA large text only
Black text on Slate Grey5.18:1 · AA

Use Slate Grey in code

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

Frequently asked questions

What is the hex code for Slate Grey?

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

Can I use "slategrey" directly in CSS?

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

Is Slate Grey readable on white?

The contrast ratio of Slate Grey 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 Grey?

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.