Dimgray

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

#696969rgb(105, 105, 105)
Hex
#696969
RGB
105, 105, 105
HSL
0°, 0%, 41%
OKLCH
52.1% 0.000 0.0
LAB
44.4 -0.0 0.0

Open #696969 in the explorer

Text contrast

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

Black text3.8:1 FailAPCA Lc 30
White text5.5:1 AAAPCA Lc -79

Color vision

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

Full color
#696969
Protanopia
#696969
Deuteranopia
#696969
Tritanopia
#696969

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

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