#3D3124 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3d3124 graphic
This muted, dark brown reads like raw coffee or old leather. Because it lacks saturation, #3d3124 carries a somber, serious weight that works best for grounding moody designs rather than as a primary background. It offers excellent contrast for white text, making it a reliable choice for small UI elements or elegant, minimalist branding that requires a sense of quiet strength.

Questions about #3d3124

What is #3d3124 in RGB, HSL and CMYK?
In RGB, #3d3124 is rgb(61, 49, 36), in HSL hsl(31, 26%, 19%) and in CMYK 0%, 20%, 41%, 76%. Browse more shades of black with names and hex codes.
Why is #3d3124 effective for UI elements?
#3d3124 functions as a reliable dark neutral because its low saturation minimizes visual noise while providing excellent legibility for white text. It adds a sophisticated, grounded feel to buttons or subtle borders that need strength without overwhelming the rest of the layout.
What colors pair best with #3d3124?
This shade pairs beautifully with soft, desaturated neutrals like cream or beige to create a warm, inviting palette without sacrificing professional contrast. For a sharper look, you can also use it alongside muted sage to balance the deep brown with organic green.
Is #3d3124 readable on white or black?
#3d3124 has a 12.62:1 contrast ratio on white and 1.66: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.