#708090 — Tints, Shades & Color Values
#708090 is a medium, muted blue. It is exactly the CSS named color slategray. For readable text on a #708090 background, black text gives the strongest contrast (5.18:1). #708090 sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.
Color Values
| Hex | #708090 |
|---|---|
| RGB | rgb(112, 128, 144) |
| HSL | hsl(210, 13%, 50%) |
| HSV / HSB | 210°, 22%, 56% |
| Nearest named | slategray (#708090) |
Need these in another format? Use our hex to RGB converter for quick two-way conversion.
Tints of #708090 (Mixed with White)
Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.
-
10% tint
#7e8d9b -
20% tint
#8d99a6 -
30% tint
#9ba6b1 -
40% tint
#a9b3bc -
50% tint
#b8c0c8 -
60% tint
#c6ccd3 -
70% tint
#d4d9de -
80% tint
#e2e6e9 -
90% tint
#f1f2f4
Shades of #708090 (Mixed with Black)
Each step blends the base color toward black using new = old × (1 − factor).
-
10% shade
#657382 -
20% shade
#5a6673 -
30% shade
#4e5a65 -
40% shade
#434d56 -
50% shade
#384048 -
60% shade
#2d333a -
70% shade
#22262b -
80% shade
#161a1d -
90% shade
#0b0d0e
WCAG Contrast & Accessibility
Contrast ratios for text placed on a #708090 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).
| Text color | White text 4.05:1 — AA normal: Fail · AA large: Pass · AAA: Fail |
|---|---|
| Black text 5.18:1 — AA normal: Pass · AA large: Pass · AAA: Fail |
If neither pure white nor pure black reaches the level you need, pick a darker shade of #708090 from the ramps above as the background instead — small lightness moves change contrast quickly.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.