Gray

gray is a CSS color keyword. The same color is also written grey. The closest Tailwind step is neutral-500 (#737373).

#808080rgb(128, 128, 128)
Hex
#808080
RGB
128, 128, 128
HSL
0°, 0%, 50%
OKLCH
60.0% 0.000 0.0
LAB
53.6 -0.0 0.0

Open #808080 in the explorer

Text contrast

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

Black text5.3:1 AAAPCA Lc 40
White text3.9:1 FailAPCA Lc -69

Color vision

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

Full color
#808080
Protanopia
#808080
Deuteranopia
#808080
Tritanopia
#808080

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: gray;
background: #808080;
@theme {
  --color-gray-50: #f5f5f5;
  --color-gray-100: #e8e8e8;
  --color-gray-200: #d1d1d1;
  --color-gray-300: #b4b4b4;
  --color-gray-400: #989898;
  --color-gray-500: #7a7a7a;
  --color-gray-600: #606060;
  --color-gray-700: #4a4a4a;
  --color-gray-800: #353535;
  --color-gray-900: #222222;
  --color-gray-950: #0d0d0d;
}