#673C24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its low lightness and muted saturation, #673c24 has a warm, dusty brown character that feels serious, grounded, and slightly somber. The hex code works well as a supporting tone in vintage, coffee, chocolate, or artisan branding. Use it behind white text for strong readability, though its dark weight can make large, flat backgrounds feel heavy.
Questions about #673c24
What is #673c24 in RGB, HSL and CMYK?
In RGB, #673c24 is rgb(103, 60, 36), in HSL hsl(21, 48%, 27%) and in CMYK 0%, 42%, 65%, 60%.
What colors pair well with #673c24?
For a balanced palette, #673c24 pairs well with soft neutrals such as cream and beige, while muted sage or dusty blue adds contrast without overpowering its earthy warmth on screen. Lighter companions also offset its dark weight.
Where does #673c24 work best?
Its warm, muted brown character works best as a supporting tone in coffee, chocolate, vintage, and artisan branding, where it adds grounded seriousness without demanding the attention of a brighter accent. On large flat surfaces, balance it with pale backgrounds or whitespace.
Is #673c24 readable on white or black?
#673c24 has a 9.33:1 contrast ratio on white and 2.24: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.