A study in blue
Slate Gray
#708090
also known as slategrey, slate-gray
- Family
- Blue
- L
- 0.593
- C
- 0.031
- H
- 248°
Notes
Slate Gray is the cool, slightly blue-leaning mid-gray of stratified rock. The CSS hex carries low chroma at mid lightness and reads as restrained and considered. Editorial, architectural, and business brands lean on it as a primary or secondary neutral. Against cream it softens; against warm coral it carries an unexpected secondary accent. As a UI element it does well for secondary text, borders, and de-emphasised labels. Body text in Slate Gray against white passes AA at body sizes but not AAA at small sizes.
Palette built around Slate Gray
Related colors
Frequently asked questions
What is Slate Gray?
Slate Gray is the cool, slightly blue-leaning mid-gray of stratified rock. The CSS hex carries low chroma at mid lightness and reads as restrained and considered. Its hex code is #708090.
What are the tints and shades of Slate Gray?
uishades builds an 11-step OKLCH ramp for Slate Gray (#708090) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Slate Gray?
Its complementary color is #8B7B6B. Triadic partners are #8F777A and #78826E; analogous neighbours are #797D91 and #6A838A.
What are the OKLCH and RGB values of Slate Gray?
Slate Gray is #708090 - OKLCH 0.593 0.031 248°, rgb(112 128 144), in the blue family. Also known as slategrey, slate-gray.