#A2A2A0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone grey functions as a steady, neutral base for minimalist interface design. Because #a2a2a0 sits in a balanced, desaturated range, it lacks strong undertones, making it versatile for complex UI layouts. It provides high contrast with black text, ensuring excellent readability for body copy. Avoid using it as a primary highlight color, as it tends to recede rather than draw the eye.
Questions about #a2a2a0
What is #a2a2a0 in RGB, HSL and CMYK?
In RGB, #a2a2a0 is rgb(162, 162, 160), in HSL hsl(60, 1%, 63%) and in CMYK 0%, 0%, 1%, 36%.
How does #a2a2a0 perform in web interface design?
#a2a2a0 functions as a highly stable, non-distracting background element that allows primary UI components to stand out. Because it is a balanced, desaturated neutral, it creates excellent readability when paired with dark text while avoiding the harshness of a pure, dark grey.
What colors pair effectively with #a2a2a0?
This shade works well when paired with high-contrast, dark neutral tones like charcoal or deep navy for typography. For accent colors, it serves as a flexible anchor for muted pastels or earthy tones without clashing with their specific undertones.
Is #a2a2a0 readable on white or black?
#a2a2a0 has a 2.55:1 contrast ratio on white and 8.21: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.