#A2A6A9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, neutral grey projects a sense of professional stability and restraint. Because it lacks strong undertones, #a2a6a9 serves as a reliable background for modern UI design. It provides excellent contrast for black typography, ensuring readability while maintaining a clean aesthetic. Use this hex code as a supporting neutral rather than a dominant color to avoid a flat or muddy appearance in your layouts.
Questions about #a2a6a9
What is #a2a6a9 in RGB, HSL and CMYK?
In RGB, #a2a6a9 is rgb(162, 166, 169), in HSL hsl(206, 4%, 65%) and in CMYK 4%, 2%, 0%, 34%. Browse more shades of gray with names and hex codes.
How should I use #a2a6a9 in UI design?
#a2a6a9 functions best as a supporting neutral for backgrounds, borders, or secondary UI elements rather than as a dominant color. Using it this way prevents designs from appearing flat or muddy while maintaining sufficient contrast for standard black typography.
Does #a2a6a9 lean warm or cool?
This color is a true neutral, meaning it lacks strong warm or cool undertones that might clash with other hues in your palette. Its balanced composition makes it exceptionally adaptable for professional projects that require a restrained and consistent visual identity.
Is #a2a6a9 readable on white or black?
#a2a6a9 has a 2.45:1 contrast ratio on white and 8.56: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.