Color meaning

Slate Gray

Introducing Slate Gray (#708090), a cool, muted mid-gray with a faint blue cast. Its balanced value makes it a dependable secondary color, carrying borders, dividers, placeholder text, and inactive states without pulling focus from products. That quiet coolness lends stores a composed, professional tone.

#708090HSL 210, 13%, 50%

Slate Gray code conversions

HEX
#708090
RGB
rgb(112, 128, 144)
HSL
hsl(210, 13%, 50%)
HSB
hsb(210, 22%, 56%)
CMYK
cmyk(22%, 11%, 0%, 44%)

Slate Gray color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Slate Gray contrast

Your catchy large text

Small body copy sitting on Slate Gray.

4.05:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Slate Gray.

4.66:1Black textAA passAAA fail

Slate Gray color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Slate Gray

Matched by color distance against real palettes extracted from live storefronts.

Allbirds
#82877e
Puma
#7e726a
Faherty
#a2adb3
Vineyard Vines
#385982
Rothy's
#b9b7b3
Reebok
#8ac5cc
Gymshark
#403e3a

Related neutral colors

CharcoalCreamOff WhiteJet Black

Slate Gray: frequently asked

What color is Slate Gray?

Slate Gray (#708090) is a medium neutral gray with a subtle blue undertone. In e-commerce interfaces it reads as a cool, secondary tone, sitting between light silver gray and darker charcoal.

What is the meaning of Slate Gray?

Slate Gray signals balance, neutrality, and quiet professionalism. Brands reach for it when they want customers to feel a calm, trustworthy structure while browsing, without any single element demanding attention.

How do I use Slate Gray (#708090) in e-commerce design?

Use Slate Gray for secondary type, borders, dividers, and muted UI states such as disabled buttons or helper text. Pair it with a darker ink for primary copy, since Slate Gray sits too light to lead a page on white.

Using Slate Gray color codes

Copy Slate Gray (#708090) in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, mobile app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP