#674B2E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#674b2e is a dusty, unsaturated brown that carries a heavy, serious mood. Because it sits on the darker end of the spectrum, it works effectively as a grounded background color for moody, vintage-inspired UI designs. It pairs well with cream or off-white text to maintain high legibility. This hex code provides reliable contrast, though avoid overusing it in large blocks to prevent the design from feeling muddy.
Questions about #674b2e
What is #674b2e in RGB, HSL and CMYK?
In RGB, #674b2e is rgb(103, 75, 46), in HSL hsl(31, 38%, 29%) and in CMYK 0%, 27%, 55%, 60%.
How can I effectively use #674b2e in a UI design?
#674b2e functions best as a grounded, muted background color rather than a primary call-to-action button. Because it is quite dark and desaturated, it provides a stable, vintage aesthetic when paired with high-contrast, off-white or cream-colored text for maximum readability.
Which color combinations work best with #674b2e?
To create a sophisticated palette, pair #674b2e with softer, lighter neutrals like warm sand or soft cream. If you need an accent, deep tones like muted teal or a dusty olive can complement its earthy character without overwhelming the design.
Is #674b2e readable on white or black?
#674b2e has a 8.00:1 contrast ratio on white and 2.62: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.