#696969
HEX
#696969 RGB
rgb(105, 105, 105) HSL
0°, 0%, 41% 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
CSS Code
.dimgray-color {
color: #696969;
}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.