#604433 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted brown carries an ashy, dusty quality that grounds designs with serious weight. Because it is highly unsaturated, #604433 works better as a structural supporting element than a massive background. Pair it with soft cream or pale stone to provide enough contrast for readability. The hex code for this color is #604433, which provides excellent legibility for white text.
Questions about #604433
What is #604433 in RGB, HSL and CMYK?
In RGB, #604433 is rgb(96, 68, 51), in HSL hsl(23, 31%, 29%) and in CMYK 0%, 29%, 47%, 62%.
What colors pair best with #604433 for balanced designs?
#604433 anchors best when contrasted against soft, pale creams or off-white tones to ensure text legibility. You can also mix it with muted sage greens or dusty blues to lean into its organic, earthy characteristics without overpowering the design.
Does #604433 work well for text-heavy interface backgrounds?
This color is generally too dark and saturated for full-page backgrounds, as it may reduce contrast significantly. It is best reserved for structural elements like headers, footers, or bold accents where white or light-toned text can provide necessary readability.
Is #604433 readable on white or black?
#604433 has a 8.85:1 contrast ratio on white and 2.37: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.