#6A6E6A Hex Color
A grounded and professional ashy mid-tone gray
This muted, ashy grey balances low saturation with a mid-tone lightness that feels grounded and professional. It works best as a supporting neutral rather than a dominant background, as its dusty quality can look flat in large areas. Because it meets WCAG AA standards, #6a6e6a remains legible for text and UI elements. The hex code #6a6e6a pairs beautifully with sharp, crisp white to create a clean, modern aesthetic.
Questions about #6a6e6a
What is #6a6e6a in RGB, HSL and CMYK?
In RGB, #6a6e6a is rgb(106, 110, 106), in HSL hsl(120, 2%, 42%) and in CMYK 4%, 0%, 4%, 57%.
How should I use #6a6e6a in UI design?
#6a6e6a excels as a secondary neutral for text, borders, or subtle background sections where you need to avoid the starkness of pure black. Because it meets WCAG accessibility standards, it ensures your content remains readable while maintaining a calm, professional aesthetic.
What colors pair best with #6a6e6a?
This ashy tone works beautifully when contrasted against crisp, high-value whites to prevent the interface from looking flat. For a more sophisticated palette, pair it with soft terracotta or muted navy to add warmth or depth without overwhelming the neutral base.
Is #6a6e6a readable on white or black?
#6a6e6a has a 5.18:1 contrast ratio on white and 4.05:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.