What colors go well with slate gray?

Slate Gray pairs with its complementary colour #908070 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Slate Gray Color — Hex Code #708090, RGB, Palettes & CSS

Q: What is the hex code for slate gray?

Slate Gray is commonly #708090, which is rgb(112, 128, 144). Like most descriptive colour names it covers a small range, but this is a widely used value.

Slate Gray colour codes

Hex

#708090

RGB

rgb(112, 128, 144)

HSL

hsl(210, 13%, 50%)

HSV

hsv(210, 22%, 56%)

OKLCH

oklch(0.59 0.03 248)

CMYK

cmyk(22%, 11%, 0%, 44%)

Complementary palette

Slate Gray with its opposite on the colour wheel.

#708090

rgb(112, 128, 144)

#908070

rgb(144, 128, 112)

Triad palette

Slate Gray with two evenly-spaced partners.

#708090

rgb(112, 128, 144)

#907080

rgb(144, 112, 128)

#809070

rgb(128, 144, 112)

Monochromatic palette

Lighter and darker versions of slate gray at the same hue.

#3C454E

rgb(60, 69, 78)

#535F6A

rgb(83, 95, 106)

#697887

rgb(105, 120, 135)

#7A8B9D

rgb(122, 139, 157)

Lighter tints

Slate Gray toward white.

#708090

rgb(112, 128, 144)

#8492A0

rgb(132, 146, 160)

#99A4B0

rgb(153, 164, 176)

#ADB6C0

rgb(173, 182, 192)

#C2C9CF

rgb(194, 201, 207)

#D6DBDF

rgb(214, 219, 223)

#EBEDEF

rgb(235, 237, 239)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Slate Gray toward black.

#708090

rgb(112, 128, 144)

#606E7B

rgb(96, 110, 123)

#505B67

rgb(80, 91, 103)

#404952

rgb(64, 73, 82)

#30373E

rgb(48, 55, 62)

#202529

rgb(32, 37, 41)

#101215

rgb(16, 18, 21)

#000000

rgb(0, 0, 0)

About slate gray

A cool blue-grey named after the rock. Understated and professional, it is a versatile neutral for UI and text. The value shown here (#708090) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with slate gray

The complementary colour (#908070) sits opposite slate gray on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using slate gray in your design

For CSS, paste #708090 or the oklch(0.59 0.03 248) value, or download the ready-made slate-gray.css file above — it includes a full 50–950 token scale. Always check contrast before using slate gray behind text.

What is the hex code for slate gray?

Slate Gray is commonly #708090 (rgb(112, 128, 144)). It covers a small range, but this is a widely used value.

What colours go well with slate gray?

Its complementary colour #908070 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Slate Gray colour

Slate Gray colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About slate gray

Palettes that work with slate gray

Using slate gray in your design

Popular colours

Color tools