#A4A4A4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone grey sits firmly in the neutral range, offering a dusty, ashy character that avoids starkness. Because of its balanced lightness, the hex code #a4a4a4 works best as a background tone or for subtle UI elements. Pair it with black text to maintain high readability, as it offers strong contrast. It creates a professional, grounded look that anchors more saturated colors without competing for attention.
Questions about #a4a4a4
What is #a4a4a4 in RGB, HSL and CMYK?
In RGB, #a4a4a4 is rgb(164, 164, 164), in HSL hsl(0, 0%, 64%) and in CMYK 0%, 0%, 0%, 36%.
How should I use #a4a4a4 in UI design?
#a4a4a4 functions best as a secondary neutral for borders, subtle UI dividers, or background elements where you need to ground the layout without stark contrast. When pairing with black text, ensure you verify the contrast ratio to maintain accessibility standards.
Does #a4a4a4 lean warm or cool?
This color sits in the neutral range, though its dusty, ashy quality often reads slightly cool due to the lack of saturated chromatic undertones. It creates a professional, grounded look that avoids the warmth found in beige or taupe-based neutrals.
Is #a4a4a4 readable on white or black?
#a4a4a4 has a 2.49:1 contrast ratio on white and 8.42: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.