Slate Gray

Slate Gray is a medium-dark, cool gray with prominent blue undertones, closely resembling the natural stone it's named after.

Its muted saturation keeps it from being overtly blue, giving it a sophisticated and grounded appearance on the achromatic spectrum.

Slate Gray embodies a quiet strength and professionalism, suggesting stability and a timeless sense of calm.

It's a color of substance and maturity, evoking the resilience of natural stone and lending a feeling of grounded authority to a design.

Slate Gray (#717A94) excels as a sophisticated neutral. Pair it with warm off-whites and a single, bright accent color—like ochre or teal—to create a balanced and focused interface. It provides excellent contrast for text on light backgrounds or can serve as a grounding container color for more dynamic elements.

You won't find many major brands using a color similar to Slate Gray for their primary identity. This makes it a distinctive choice, offering a way for a product to appear established and serious in a market saturated with bright blues and greens.

Use the tools below to explore curated palettes, test color contrast for accessibility, and see how #717A94 looks in real UI components from top brands.

Applying Slate Gray in your work starts with its hex code, #717A94. This code is the key to specifying the color in digital formats, particularly for web-based projects where precision is paramount.

Different projects, however, call for different color models. While a hex code is standard for CSS, you will often need RGB (Red, Green, Blue) values for screen-based design software. For anything destined for print, you'll want the CMYK (Cyan, Magenta, Yellow, Key/Black) equivalents to ensure color accuracy on paper.

To make things simple, we've converted #717A94 into a range of common formats. You can find and copy the exact codes you need for your project right below.