Dim Gray color: #696969
The CSS keyword dimgray (also written dimgrey) is #696969, rgb(105, 105, 105) or hsl(0, 0%, 41%). Its codes to copy, 50–950 tint scale, harmonies and contrast on white and black.
Part of design tools.
About Dim Gray
Dim Gray is a neutral gray at 52% perceived lightness, with no hue at all. Having no hue, it reads the same in every color space: only its lightness changes between notations.
The keyword dimgray comes from the X Window System color list, which SVG 1.0 adopted and CSS Color Level 3 brought to every stylesheet. It can also be written dimgrey: same value, and both spellings work in any stylesheet.
Dim Gray tint scale, 50 to 950
Eleven neutral steps at fixed perceived lightness, in OKLCH: every pure grey shares this scale, and what sets each one apart is where it sits on it. The keyword itself falls closest to step 600 (#6c6c6c), the one outlined; step 500 is #868686.
Harmonies built on Dim Gray
Dim Gray has no hue, so there is nothing to rotate: a complementary or triadic scheme would give back the same grey. What remains is the monochromatic scheme — the same neutral at four lightness steps.
Monochromatic
Dim Gray on white and on black
White text reads better on dimgray (5.48:1). As a text color it is readable on a white page (5.48:1, AA). AA asks 4.5:1 for body text and 3:1 for large text; AAA asks 7:1.
Named colors close to Dim Gray
Open dimgray in the full tools
- Open in Color Converter — convert it to any other notation.
- Open in Palette Generator — export its scale as --dimgray-50 … --dimgray-950 tokens.
- Open in Color Harmonies — turn the wheel and compare OKLCH with HSL.
- Open in Contrast Checker — test it against any background, with the closest passing shade.
- Open in Color System Generator — derive a light and dark token set from it.
Or browse every named color from the color converter.