Slate #708090
Slate color codes
Slate color meaning
Slate is a calm, natural and understated gray — a cool color at 50% lightness and 13% saturation. Like other neutrals, it is linked with neutrality, sophistication and balance. Grays and blacks are the quiet backbone of most designs, adding structure and elegance without competing for attention.
Because it is calm, natural and understated, slate works best for interiors, neutral palettes, fashion basics and photography backdrops. As text on white it would be too faint (4.1:1), so use it for fills and backgrounds and put black text on top (5.2:1).
What colors go with Slate?
Slate pairs well with Copper, Light Sea Green, Cerulean and Linen: Copper sits close to its opposite on the color wheel for strong contrast, Light Sea Green and Cerulean are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.
Build a full scheme around slate in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.
Slate at a glance
| Color family | Gray & Black · cool, calm, natural and understated |
|---|---|
| CSS color name | No — nearest keyword is Slate Gray (#708090) |
| As text on white | 4.05:1 — large text only |
| Best text on it | Black (5.18:1) |
| For print (CMYK) | 22% cyan, 11% magenta, 0% yellow, 44% black |
| Full screen | Open the slate screen — fill your display or download it in 4K |
Contrast
Contrast ratio of Slate against white and black text (WCAG 2.1 needs 4.5:1 for body text).
Shades, tints & tones
Color harmonies
Colors similar to Slate
Slate color FAQ
What is the hex code for Slate?
Slate is #708090, which is rgb(112, 128, 144) and hsl(210, 13%, 50%). For print it is roughly C22 M11 Y0 K44.
What colors go with Slate?
Slate pairs well with Copper, Light Sea Green, Cerulean, Linen. Copper gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.
Is Slate a warm or cool color?
Slate is a cool color: its hue is 210°, on the green, blue and violet side of the color wheel.
What text color looks best on Slate?
Black text, with a contrast ratio of 5.2:1, which meets WCAG AA for normal text.