Slate gray color: code #708090
Slate gray
#708090
Color codes
- HEX
#708090 - RGB
rgb(112, 128, 144) - HSL
hsl(210, 13%, 50%) - HSV
hsv(210, 22%, 56%) - CMYK
cmyk(22%, 11%, 0%, 44%) - LAB
lab(52.8% -2.1 -10.6) - OKLCH
oklch(59.3% 0.031 248.4)
About the color Slate gray
Slate gray has the HEX code #708090, which corresponds to rgb(112, 128, 144) in the RGB model. On the color wheel its hue sits at 210°, with 13% saturation and 50% lightness (hsl(210, 13%, 50%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 5.17:1 contrast ratio on it, versus 4.05:1 for white.
For print, the approximate conversion is cmyk(22%, 11%, 0%, 44%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Slate gray
Complementary
#708090 · #90806F
Analogous
#6F9090 · #708090 · #6F6F90
Triadic
#708090 · #906F80 · #80906F
Tetradic
#708090 · #906F90 · #90806F · #6F906F
Split-complementary
#708090 · #906F6F · #90906F
Monochromatic
#374048 · #596673 · #708090 · #9AA6B1 · #C5CCD3
Slate gray with white and black text
How to use it in CSS
:root {
--color-slate-gray: #708090;
--color-slate-gray-rgb: 112, 128, 144;
}
.elemento {
background-color: var(--color-slate-gray);
color: #000000;
}