#664A31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted brown leans heavily into a serious, grounded aesthetic. With its low saturation and warm undertones, #664a31 works best as a supporting texture rather than a dominant background color. It pairs beautifully with cream or soft gold to highlight its organic roots. Because white text creates high contrast, this hex code remains legible even when used for smaller UI elements or navigational details.
Questions about #664a31
What is #664a31 in RGB, HSL and CMYK?
In RGB, #664a31 is rgb(102, 74, 49), in HSL hsl(28, 35%, 30%) and in CMYK 0%, 27%, 52%, 60%.
How can #664a31 be used effectively in UI design?
#664a31 serves as an excellent grounded accent color for text or navigational elements where high legibility against white is required. Because of its earthy, low-saturation nature, it avoids visual strain while maintaining a professional and serious aesthetic for web applications.
What colors pair well with #664a31 for a balanced palette?
Is #664a31 readable on white or black?
#664a31 has a 8.11:1 contrast ratio on white and 2.58: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 is too faint for text. Try other pairs in the contrast checker.