#904322 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#904322 is a dark, unsaturated brown that carries a heavy, serious mood. Because it sits at a low lightness level, it works best as a moody accent color rather than a large background. It pairs exceptionally well with muted sage greens or creamy off-whites for a rustic, organic aesthetic. For designers, this hex code provides strong contrast against white text in UI layouts.
Questions about #904322
What is #904322 in RGB, HSL and CMYK?
In RGB, #904322 is rgb(144, 67, 34), in HSL hsl(18, 62%, 35%) and in CMYK 0%, 53%, 76%, 44%.
What colors pair best with the #904322 brown hex?
Because #904322 has such a heavy, unsaturated presence, it creates a balanced rustic aesthetic when paired with muted sage greens or warm, off-white neutrals. These lighter tones help lift the darkness of the brown while keeping the overall palette organic and professional.
Is #904322 suitable for body text or background use?
This shade is generally too dark for background usage and often too muddy for long-form body text, but it excels as a high-contrast accent color. Use #904322 for headings, buttons, or border lines where you need strong visual weight against lighter backgrounds.
Is #904322 readable on white or black?
#904322 has a 6.97:1 contrast ratio on white and 3.01: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.