#4A3122 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted brown feels heavy and serious, perfect for grounding moody design palettes. White text pops clearly against the hex code #4a3122 with a 12:1 contrast ratio, providing enough readability for small body text. It serves best as a background base for organic or vintage branding. If you want to understand mixing brown, start by looking at these low-saturation earth tones.
Questions about #4a3122
What is #4a3122 in RGB, HSL and CMYK?
In RGB, #4a3122 is rgb(74, 49, 34), in HSL hsl(23, 37%, 21%) and in CMYK 0%, 34%, 54%, 71%.
What colors pair best with the dark brown #4a3122?
#4a3122 works beautifully with cream or soft beige to create high-contrast, readable layouts without the harshness of pure white. For a more sophisticated, vintage-inspired palette, try adding muted olive or sage green accents to balance the heavy, earthy tone.
Is #4a3122 suitable for text on a white background?
Yes, #4a3122 provides excellent readability against light backgrounds, boasting a 12:1 contrast ratio that meets stringent accessibility standards for body text. It offers a softer, more grounded alternative to standard black or charcoal text in minimalist web designs.
Is #4a3122 readable on white or black?
#4a3122 has a 11.97:1 contrast ratio on white and 1.75: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.