#6E6A67 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This medium-dark, ashy grey feels anchored and utilitarian. Because of its muted, earthy character, #6e6a67 works best as a supporting tone in web interfaces rather than a large, flat background. It pairs well with crisp white text, as the contrast ratio is sufficient for readability. Designers often use this hex code to bring stability to architectural palettes or minimal, professional print layouts.
Questions about #6e6a67
What is #6e6a67 in RGB, HSL and CMYK?
In RGB, #6e6a67 is rgb(110, 106, 103), in HSL hsl(26, 3%, 42%) and in CMYK 0%, 4%, 6%, 57%.
Where should I use #6e6a67 in a design layout?
#6e6a67 works best as a supporting tone rather than a background filler. Use it for secondary UI elements like borders, subtle icons, or muted text to bring a sense of stability and structure to architectural or professional project layouts.
What colors pair well with the #6e6a67 grey?
This ashy grey pairs naturally with crisp whites for high-contrast, readable text. For a more sophisticated palette, combine it with a muted terracotta or a soft sage green to complement its earthy, utilitarian undertones without overwhelming the neutral base.
Is #6e6a67 readable on white or black?
#6e6a67 has a 5.35:1 contrast ratio on white and 3.92: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.