#4A3931 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, ash-brown tone, #4a3931 carries a somber and dusty quality that avoids looking flat. Its heavy saturation makes it an excellent choice for a grounding base or a dark UI background. White text pops with high readability against this shade, allowing for strong, high-contrast layouts. Use the hex code #4a3931 sparingly, as it can feel overwhelming in large blocks without lighter elements to balance the weight.
Questions about #4a3931
What is #4a3931 in RGB, HSL and CMYK?
In RGB, #4a3931 is rgb(74, 57, 49), in HSL hsl(19, 20%, 24%) and in CMYK 0%, 23%, 34%, 71%.
How can I use #4a3931 effectively in UI design?
Use #4a3931 as a dark background or grounding anchor in interface design to create a sophisticated, high-contrast layout. Because it is so heavy, pair it with soft whites or light creams for text to maintain readability without overwhelming the user.
What colors pair well with #4a3931?
This ash-brown works beautifully when balanced with light, neutral tones or desaturated greens like sage to create an organic, earthy atmosphere. Avoid vibrant, high-energy neons, as they will clash with the dusty, somber quality inherent in this specific shade.
Is #4a3931 readable on white or black?
#4a3931 has a 10.93:1 contrast ratio on white and 1.92: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.