DimGray Color — HEX, RGB, HSL, Palettes & Contrast

DimGray (#696969): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#696969
HEX #696969
RGB rgb(105, 105, 105)
HSL 0°, 0%, 41%

Use DimGray in Your Projects

About DimGray Color

DimGray is a medium-dark neutral that offers good contrast without the harshness of pure black. It is perfect for body text and icon colors.

Use Cases for DimGray

body texticon colorssubtle headersform labelsmenu text

Shades & Tints of DimGray

#ffffff
#dadada
#b4b4b4
#8f8f8f
#696969
#4f4f4f
#353535
#1a1a1a
#000000

Complementary Color

#696969
#696969

Analogous Colors

#696969
#696969
#696969

Triadic Colors

#696969
#696969
#696969

Split Complementary

#696969
#696969
#696969

Tetradic Colors

#696969
#696969
#696969
#696969

CSS Code

.dimgray-color {
  color: #696969;
  background-color: #696969;
}

/* As a CSS custom property */
:root {
  --color-dimgray: #696969;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on DimGray
Ratio: 3.83:1 ✗ Fails AA ✗ Fails AAA
White text on DimGray
Ratio: 5.49:1 ✓ Passes AA ✗ Fails AAA

Frequently Asked Questions

What color is DimGray?

DimGray is represented by the hex code #696969 and has RGB values of rgb(105, 105, 105). It falls under the Gray category.

How to use DimGray in web design?

DimGray works well for body text, icon colors, subtle headers. DimGray is a medium-dark neutral that offers good contrast without the harshness of pure black. It is perfect for body text and icon colors. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DimGray?

Colors that pair well with DimGray include gray, darkgray, slategray, lightslategray, black. For a complementary scheme, try #696969. For an analogous scheme, use #696969 and #696969. For a triadic scheme, combine with #696969 and #696969.