#6A716E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, mid-tone grey reads as a neutral, solid base for minimal web interfaces or architectural branding. Because #6a716e possesses a slightly desaturated quality, it avoids looking stark. It offers sufficient contrast for white text, meeting accessibility standards for readable body content. Use this hex code as a secondary supporting tone rather than a dominant background to keep designs from feeling muddy.
Questions about #6a716e
What is #6a716e in RGB, HSL and CMYK?
In RGB, #6a716e is rgb(106, 113, 110), in HSL hsl(154, 3%, 43%) and in CMYK 6%, 0%, 3%, 56%.
Is #6a716e suitable for website body text?
Yes, #6a716e offers sufficient contrast against white backgrounds to meet basic accessibility standards for readable body content. Use it as a secondary tone to avoid the harshness of pure black while maintaining professional clarity across your interface.
What colors pair well with #6a716e?
This ashy grey works best when paired with high-contrast, clean whites or deeper, muted tones to anchor the palette. Try combining it with slate or soft cream tones to create a cohesive, balanced design that feels intentional rather than muddy.
Is #6a716e readable on white or black?
#6a716e has a 4.99:1 contrast ratio on white and 4.20: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.