Dim Gray #696969

Dim Gray#696969 · rgb(105, 105, 105)

Dim Gray color codes

CSS namedimgray
HEX#696969
RGBrgb(105, 105, 105)
HSLhsl(0, 0%, 41%)
CMYKcmyk(0%, 0%, 0%, 59%)
Decimal6908265

Shades of Dim Gray (darker)

#5F5F5F · #545454 · #4A4A4A · #3F3F3F · #353535 · #2A2A2A · #202020 · #151515 · #0B0B0B

Tints of Dim Gray (lighter)

#787878 · #878787 · #969696 · #A5A5A5 · #B4B4B4 · #C3C3C3 · #D2D2D2 · #E1E1E1 · #F0F0F0

Color harmonies

Complementary
#696969
Triadic
#696969, #696969
Analogous
#696969, #696969

Accessibility (WCAG contrast)

White text on Dim Gray5.49:1 · AA
Black text on Dim Gray3.83:1 · AA large text only

Use Dim Gray in code

.element {
  color: dimgray;          /* or #696969 */
  background-color: rgb(105 105 105 / 0.5);
}

Frequently asked questions

What is the hex code for Dim Gray?

Dim Gray is #696969 in HEX, rgb(105, 105, 105) in RGB and hsl(0, 0%, 41%) in HSL.

Can I use "dimgray" directly in CSS?

Yes. "dimgray" is one of the 148 standard CSS named colors, so color: dimgray; works in every browser.

Is Dim Gray readable on white?

The contrast ratio of Dim Gray on white is 5.49:1 (WCAG AA). On black it is 3.83:1 (AA large text only).

What is the complementary color of Dim Gray?

The complementary color (opposite on the color wheel) is #696969.

Similar colors

Gray#808080Grey#808080Slate Gray#708090Slate Grey#708090Light Slate Gray#778899Light Slate Grey#778899Dark Olive Green#556B2FDark Slate Blue#483D8B

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.