Slate Gray #708090
A cool blue-gray named after slate rock. Professional and modern.
Use cases: SaaS UI · Data dashboards
Families: Blues · Slate Colors
Color values
| Format | Value | |
|---|---|---|
| HEX | #708090 | |
| RGB | rgb(112, 128, 144) | |
| HSL | hsl(210, 13%, 50%) | |
| HSV | hsv(210, 22%, 56%) | |
| OKLCH | oklch(59.25% 0.031 248.3) | |
| OKLab | oklab(59.25% -0.0114 -0.0287) | |
| CMYK | cmyk(22.2%, 11.1%, 0%, 43.5%) | |
| XYZ | xyz(19.434, 20.8962, 29.3896) | |
| CIE-LAB | lab(52.8, -2.1, -10.6) | |
| CIE-LCH | lch(52.8, 10.8, 258.5°) | |
| Luminance | 0.209 (WCAG relative) |
Source: W3C CSS named color. CSS keyword: slategray.
Collections: Muted Colors · Cool Gray Colors
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
OKLCH ramp (perceptually uniform, modern CSS)
Shades (toward black)
Tints (toward white)
Tones (toward gray)
Color harmonies
Complementary
Edit in generator →Analogous
Edit in generator →Triadic
Edit in generator →Tetradic
Edit in generator →Square
Edit in generator →Split Complementary
Edit in generator →Monochromatic
Edit in generator →Accessibility & contrast
Best text on Slate Gray
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.
| Color | Name | ΔE₀₀ |
|---|---|---|
| Steel #738595 | 1.92 | |
| Lightslategray #778899 | 2.97 | |
| Grey Blue #647D8E | 3.51 | |
| Battleship Grey #6B7C85 | 4.14 | |
| Steel Grey #6F828A | 4.67 | |
| Flint #6F7A80 | 5.09 |
Related colors
Combinations with Slate Gray
Palettes with Slate Gray
Colors that go with Slate Gray
Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.