Dim Gray is a medium-dark, neutral shade in the gray color family, with a neutral feel. Its HEX code is #696969, which equals rgb(105, 105, 105) in RGB and hsl(0, 0%, 41%) in HSL. In print terms it converts to roughly C0 M0 Y0 K59, although exact CMYK results depend on the paper and color profile.
- HEX
#696969 - RGB
105, 105, 105 - HSL
0°, 0%, 41% - CMYK
0, 0, 0, 59 - Family
Gray - Tone
Medium-dark, neutral
About Dim Gray
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 5.49:1. Its complementary color is #696969.
Download Dim Gray as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Dim Gray color codes
| HEX | #696969 |
|---|---|
| RGB | rgb(105, 105, 105) |
| HSL | hsl(0, 0%, 41%) |
| HSV | 0°, 0%, 41% |
| CMYK | 0%, 0%, 0%, 59% |
| Decimal | 6908265 |
Shades and tints of Dim Gray
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E6E6 - 100
#CDCDCD - 200
#B4B4B4 - 300
#9B9B9B - 400
#828282 - 500
#696969 - 600
#585858 - 700
#464646 - 800
#353535 - 900
#232323 - 950
#121212
Color harmonies for Dim Gray
- Complementary
#696969≈ Neutral Gray 40 - Analogous −30°
#696969≈ Neutral Gray 40 - Analogous +30°
#696969≈ Neutral Gray 40 - Triadic +120°
#696969≈ Neutral Gray 40 - Triadic +240°
#696969≈ Neutral Gray 40 - Split 150°
#696969≈ Neutral Gray 40 - Split 210°
#696969≈ Neutral Gray 40
Contrast and accessibility of Dim Gray
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dim Gray | Aa | 5.49:1 | AA (good) |
| Black text on Dim Gray | Aa | 3.83:1 | AA Large only |
CSS code for Dim Gray
background-color: #696969;color: #696969;background-color: rgb(105, 105, 105);background-color: hsl(0, 0%, 41%);:root { --color-dim-gray: #696969; }class="bg-[#696969]"Colors similar to Dim Gray
- Neutral Gray 40
#666666 - Warm Gray 40
#6F665D - Cool Gray 40
#5D646F - Neutral Gray 45
#737373 - Cool Gray 45
#68717D - Warm Gray 45
#7D7368 - Neutral Gray 35
#595959 - Medium Dark Dusty Persimmon
#816756 - Medium Dark Dusty Orange
#816B56 - Medium Dark Dusty Cerulean
#566B81 - Medium Dark Dusty Cornflower
#566781 - Medium Dark Dusty Cinnabar
#816356
More gray shades
- Gainsboro
#DCDCDC - Silver
#C0C0C0 - Dark Gray
#A9A9A9 - Slate Gray
#708090 - Gray
#808080 - Light Gray
#D3D3D3 - Pewter
#8B8E92 - Ash Gray
#B2BEB5 - Graphite
#383838 - Onyx
#353839 - Ebony
#555D50
Frequently asked questions
What is the HEX code for Dim Gray?
The HEX code for Dim Gray is #696969.
What is the RGB value of Dim Gray?
Dim Gray has an RGB value of 105, 105, 105 (rgb(105, 105, 105)). In HSL it is 0°, 0%, 41%.
What text color should I use on Dim Gray?
Use white text on Dim Gray. White text has a contrast ratio of 5.49:1 and black text has 3.83:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dim Gray?
The complementary color of Dim Gray is #696969. Analogous colors #696969 and #696969 also pair well.