#AAA5A4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, neutral grey feels grounded and restrained, making it a reliable choice for professional interfaces and minimal design. Because it is highly legible with black typography, #aaa5a4 works well as a background color for large sections of body text. Pair it with soft muted blues or deep charcoal to keep the palette sophisticated. The hex code for this ashy shade is #aaa5a4.
Questions about #aaa5a4
What is #aaa5a4 in RGB, HSL and CMYK?
In RGB, #aaa5a4 is rgb(170, 165, 164), in HSL hsl(10, 3%, 65%) and in CMYK 0%, 3%, 4%, 33%.
How can I best use #aaa5a4 in a UI design?
#aaa5a4 serves as a perfect, low-contrast background for body text or inactive UI elements because it allows black typography to pop without visual strain. Pair it with a crisp charcoal for headers to maintain a professional, sophisticated hierarchy.
Does #aaa5a4 read as a warm or cool grey?
#aaa5a4 sits in a neutral, earthy space but leans slightly warm due to its dusty, organic quality. Unlike harsh blue-toned greys, this color feels approachable and grounded, which helps it integrate well into softer, minimalist design systems without appearing clinical.
Is #aaa5a4 readable on white or black?
#aaa5a4 has a 2.43:1 contrast ratio on white and 8.62: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.