Dim Grey #696969

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

Dim Grey color codes

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

Shades of Dim Grey (darker)

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

Tints of Dim Grey (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 Grey5.49:1 · AA
Black text on Dim Grey3.83:1 · AA large text only

Use Dim Grey in code

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

Frequently asked questions

What is the hex code for Dim Grey?

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

Can I use "dimgrey" directly in CSS?

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

Is Dim Grey readable on white?

The contrast ratio of Dim Grey 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 Grey?

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

Similar colors

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