Slategray

slategray is a CSS color keyword. The same color is also written slategrey. The closest Tailwind step is gray-500 (#6b7280).

#708090rgb(112, 128, 144)
Hex
#708090
RGB
112, 128, 144
HSL
210°, 13%, 50%
OKLCH
59.3% 0.031 248.3
LAB
52.8 -2.1 -10.6

Open #708090 in the explorer

Text contrast

Black or white text on #708090. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text5.2:1 AAAPCA Lc 39
White text4.1:1 FailAPCA Lc -70

Color vision

How #708090 looks in simulations of color blindness, at full severity.

Full color
#708090
Protanopia
#7a8091
Deuteranopia
#767d90
Tritanopia
#678485

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to slategray.

50100200300400500600700800900950

Copy into CSS

color: slategray;
background: #708090;
@theme {
  --color-slategray-50: #eef6ff;
  --color-slategray-100: #d8eafc;
  --color-slategray-200: #c2d3e5;
  --color-slategray-300: #a5b6c8;
  --color-slategray-400: #8a9aab;
  --color-slategray-500: #6c7c8c;
  --color-slategray-600: #536272;
  --color-slategray-700: #3d4c5b;
  --color-slategray-800: #293745;
  --color-slategray-900: #162330;
  --color-slategray-950: #030e1a;
}