#A7A7A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a7a7a6 is a mid-tone, neutral grey with a flat, matte appearance. Its lack of saturation makes it a practical choice for backgrounds where you need to anchor more intense colors without distraction. Because it provides excellent contrast for black typography, it functions well in minimal UI layouts. The hex code for this ashy grey is #a7a7a6, and it pairs cleanly with muted jewel tones.
Questions about #a7a7a6
What is #a7a7a6 in RGB, HSL and CMYK?
In RGB, #a7a7a6 is rgb(167, 167, 166), in HSL hsl(60, 1%, 65%) and in CMYK 0%, 0%, 1%, 35%. Browse more shades of gray with names and hex codes.
How should I use #a7a7a6 in UI design?
#a7a7a6 works best as a background color for interfaces that require a grounded, non-distracting feel. Because it is a neutral mid-tone, it offers excellent readability when paired with dark text, making it a reliable choice for buttons or secondary containers.
What colors pair well with #a7a7a6?
This grey pairs exceptionally well with muted jewel tones or bold primary colors because its low saturation acts as a visual anchor. Try combining #a7a7a6 with deep navy, forest green, or soft terracottas to balance out more energetic, saturated hues.
Is #a7a7a6 readable on white or black?
#a7a7a6 has a 2.40:1 contrast ratio on white and 8.72:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.