Lightgray

lightgray is a CSS color keyword. The same color is also written lightgrey. The closest Tailwind step is neutral-300 (#d4d4d4).

#d3d3d3rgb(211, 211, 211)
Hex
#d3d3d3
RGB
211, 211, 211
HSL
0°, 0%, 83%
OKLCH
86.7% 0.000 0.0
LAB
84.6 -0.0 0.0

Open #d3d3d3 in the explorer

Text contrast

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

Black text14.0:1 AAAAPCA Lc 82
White text1.5:1 FailAPCA Lc -25

Color vision

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

Full color
#d3d3d3
Protanopia
#d3d3d3
Deuteranopia
#d3d3d3
Tritanopia
#d3d3d3

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

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