Lightslategray

lightslategray is a CSS color keyword. The same color is also written lightslategrey. The closest Tailwind step is slate-500 (#64748b).

#778899rgb(119, 136, 153)
Hex
#778899
RGB
119, 136, 153
HSL
210°, 14%, 53%
OKLCH
61.9% 0.032 248.4
LAB
55.9 -2.2 -11.1

Open #778899 in the explorer

Text contrast

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

Black text5.8:1 AAAPCA Lc 43
White text3.6:1 FailAPCA Lc -66

Color vision

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

Full color
#778899
Protanopia
#82889a
Deuteranopia
#7e8499
Tritanopia
#6e8c8d

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: lightslategray;
background: #778899;
@theme {
  --color-lightslategray-50: #eef6ff;
  --color-lightslategray-100: #d8eafd;
  --color-lightslategray-200: #c1d3e6;
  --color-lightslategray-300: #a5b7c8;
  --color-lightslategray-400: #899aac;
  --color-lightslategray-500: #6c7c8d;
  --color-lightslategray-600: #526272;
  --color-lightslategray-700: #3d4c5b;
  --color-lightslategray-800: #283746;
  --color-lightslategray-900: #152331;
  --color-lightslategray-950: #030e1a;
}