What color is #708090?

#708090 is a medium, muted blue — rgb(112, 128, 144). It is exactly the CSS named color slategray.

How do I make tints and shades of #708090?

Mix #708090 with white for tints and with black for shades. A 20% tint of #708090 is #8d99a6 and a 20% shade is #5a6673; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #708090?

Black text gives the strongest contrast on a #708090 background at 5.18:1, which passes WCAG AA for normal text but not AAA.

#708090 — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#708090

#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.

Want to fine-tune this color interactively? Open #708090 in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

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. Test any other pair with the free contrast checker.

More blue colors in the library: #0000FF, #4338CA (indigo-700), #1D4ED8 (blue-700), #3498DB, #2563EB (blue-600), #64748B (slate-500).

Frequently Asked Questions

What color is #708090?

#708090 is a medium, muted blue — rgb(112, 128, 144). It is exactly the CSS named color slategray.
How do I make tints and shades of #708090?

Mix #708090 with white for tints and with black for shades. A 20% tint of #708090 is #8d99a6 and a 20% shade is #5a6673 — the full 10%–90% ramps are precomputed on this page, or open #708090 in the generator for finer steps.
What text color is readable on #708090?

Black text gives the strongest contrast on a #708090 background at 5.18:1, which passes WCAG AA for normal text but not AAA.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #708090? Put it on a free link-in-bio page →