#4C341E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely dark, unsaturated brown carries an ashy, dusty character that feels serious and grounded. Because it is so dim, use #4c341e as a grounding anchor for dark interface backgrounds or as a supporting tone in vintage branding. While white text provides excellent readability over this hex code, avoid using it as a primary background for dense, small-format text to prevent the color from reading as muddy.
Questions about #4c341e
What is #4c341e in RGB, HSL and CMYK?
In RGB, #4c341e is rgb(76, 52, 30), in HSL hsl(29, 43%, 21%) and in CMYK 0%, 32%, 61%, 70%.
How should #4c341e be used in interface design?
#4c341e works best as a grounding anchor for dark mode backgrounds or as a subtle border color. Because it is so dim, pair it with off-white or cream text rather than pure white to keep the interface readable and comfortable.
What colors pair well with the deep tone of #4c341e?
This ashy brown pairs beautifully with muted, desaturated tones like sage or soft cream to balance its serious weight. Avoid pairing it with high-saturation neons, which can clash with the dusty, vintage character of this specific hex color.
Is #4c341e readable on white or black?
#4c341e has a 11.55:1 contrast ratio on white and 1.81: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.