#3D2E22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted brown carries an ashy, inky quality that leans away from traditional warmth. #3d2e22 functions best as a sophisticated grounding element rather than a dominant background. Because it offers high contrast against white, use it for bold typography or structured UI dividers where you need serious readability. Pair it with muted golds or creams to keep the overall palette from feeling too heavy or closed in.
Questions about #3d2e22
What is #3d2e22 in RGB, HSL and CMYK?
In RGB, #3d2e22 is rgb(61, 46, 34), in HSL hsl(27, 28%, 19%) and in CMYK 0%, 25%, 44%, 76%.
Why does #3d2e22 feel cooler than standard browns?
Unlike typical warm browns, #3d2e22 carries an ashy, desaturated quality that leans away from traditional reddish undertones. This muted character allows it to function as a grounding neutral that does not clash with the vibrant warm tones often found in UI palettes.
What is the best way to use #3d2e22 in a layout?
Use #3d2e22 for high-contrast elements like bold typography or structural UI dividers, where it provides serious readability without the harshness of pure black. It balances well when placed alongside muted gold or cream to keep layouts from feeling heavy.
Is #3d2e22 readable on white or black?
#3d2e22 has a 13.02:1 contrast ratio on white and 1.61: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.