#a9a9a9
HEX
#a9a9a9 RGB
rgb(169, 169, 169) HSL
0°, 0%, 66% About DarkGray Color
DarkGray is a medium-dark neutral that works well for secondary text, placeholder content, and subtle UI elements.
Use Cases for DarkGray
secondary textplaceholdersdisabled inputssubtle bordersUI icons
Shades & Tints of DarkGray
#ffffff
#eaeaea
#d4d4d4
#bfbfbf
#a9a9a9
#7f7f7f
#555555
#2a2a2a
#000000
Complementary Color
#a9a9a9
#a8a8a8
Analogous Colors
#a8a8a8
#a9a9a9
#a8a8a8
CSS Code
.darkgray-color {
color: #a9a9a9;
}Contrast Recommendations
Black text on DarkGray
Ratio: 8.94:1 ✓ Passes AA ✓ Passes AAA
White text on DarkGray
Ratio: 2.35:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is DarkGray?
DarkGray is represented by the hex code #a9a9a9 and has RGB values of rgb(169, 169, 169). It falls under the Gray category.
How to use DarkGray in web design?
DarkGray works well for secondary text, placeholders, disabled inputs. DarkGray is a medium-dark neutral that works well for secondary text, placeholder content, and subtle UI elements. Use it as a primary color, accent, or background depending on your design needs.
What colors go with DarkGray?
Colors that pair well with DarkGray include gray, dimgray, slategray, silver, lightgray. For a complementary scheme, try #a8a8a8. For an analogous scheme, use #a8a8a8 and #a8a8a8.