neutralcoolCSS named color
Slate Gray #708090
A cool blue-gray named after slate rock. Professional and modern.
Use cases: SaaS UI · Data dashboards
Color values
| Format | Value | |
|---|---|---|
| HEX | #708090 | |
| RGB | rgb(112, 128, 144) | |
| HSL | hsl(210, 13%, 50%) | |
| HSV | hsv(210, 22%, 56%) | |
| 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) | |
| Luminance | 0.209 (WCAG relative) |
/* Slate Gray */
color: #708090;
background-color: #708090;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#657382 #5a6673 #4e5a65 #434d56 #384048 #2d333a #22262b #161a1d #0b0d0e #000000
Tints (toward white)
#7e8d9b #8d99a6 #9ba6b1 #a9b3bc #b8c0c8 #c6ccd3 #d4d9de #e2e6e9 #f1f2f4 #ffffff
Tones (toward gray)
#72808e #73808d #75808b #76808a #788088 #7a8086 #7b8085 #7d8083 #7e8082 #808080
Color harmonies
Complementary
Edit in generator →#708090
#908070
#708090 #908070
Analogous
Edit in generator →#709090
#708090
#707090
#709090 #708090 #707090
Triadic
Edit in generator →#708090
#907080
#809070
#708090 #907080 #809070
Tetradic
Edit in generator →#708090
#907090
#908070
#709070
#708090 #907090 #908070 #709070
Split Complementary
Edit in generator →#708090
#907070
#909070
#708090 #907070 #909070
Monochromatic
Edit in generator →#3A434B
#55616E
#708090
#929FAB
#B5BDC5
#3a434b #55616e #708090 #929fab #b5bdc5
Accessibility & contrast
4.05
#708090 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
5.18
#708090 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
Best text on slate gray
5.18
#000000 text
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.
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₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Gray #808080 | 8.88 | |
| Steel Blue #4682B4 | 10.62 | |
| Cerulean #007BA7 | 13.52 | |
| Royal Blue #4169E1 | 13.58 | |
| Slate Blue #6A5ACD | 13.91 | |
| Azure #007FFF | 14.84 |
Related colors
Palettes with slate gray
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.