#6A5E50 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted brown carries an ashy, matte quality that feels grounded and serious. As a desaturated shade with dusty undertones, #6a5e50 works best as a supporting element or moody background rather than a main focus. It pairs surprisingly well with sage greens or muted oranges. Because white text maintains a strong 6.3:1 contrast ratio against the hex code #6a5e50, it remains highly readable for UI design.
Questions about #6a5e50
What is #6a5e50 in RGB, HSL and CMYK?
In RGB, #6a5e50 is rgb(106, 94, 80), in HSL hsl(32, 14%, 36%) and in CMYK 0%, 11%, 25%, 58%.
What colors pair best with #6a5e50?
Because #6a5e50 acts as a neutral, muted base, it pairs exceptionally well with organic tones like sage green or soft terracotta orange. These combinations highlight the warmth inherent in the ashy brown while maintaining a balanced, sophisticated design palette for UI or print projects.
Is #6a5e50 suitable for text-heavy interface designs?
Yes, this color works well as a background for clean interfaces, provided you pair it with high-contrast elements. White text against this dark, matte brown maintains a 6.3:1 contrast ratio, which is readable and accessible for most digital layouts without causing eye strain.
Is #6a5e50 readable on white or black?
#6a5e50 has a 6.30:1 contrast ratio on white and 3.32: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.