#4C4443 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, ashy shade of red, #4c4443 feels heavy and grounded. It sits firmly in the territory of deeper brown tones, offering a moody, desaturated base for high-contrast UI designs. Because it is so dark, use it as a solid background to let white text pop, as it maintains excellent readability. Avoid using this hex code for fine details, where its muddy character might get lost.
Questions about #4c4443
What is #4c4443 in RGB, HSL and CMYK?
In RGB, #4c4443 is rgb(76, 68, 67), in HSL hsl(7, 6%, 28%) and in CMYK 0%, 11%, 12%, 70%.
What colors pair well with #4c4443 in a UI design?
#4c4443 serves as a stable, earthy foundation that benefits from being paired with clean, off-white tones or vibrant accents like mustard or terracotta. Using high-contrast light text over this dark base ensures excellent readability for long-form content or minimalist headers.
Is #4c4443 suitable for fine text or intricate icons?
It is generally better to avoid #4c4443 for small, intricate details because its muddy, desaturated quality can cause lines to blur or lose definition. Reserve this shade for larger, solid background elements where its weight and depth create a sophisticated, grounded aesthetic.
Is #4c4443 readable on white or black?
#4c4443 has a 9.47:1 contrast ratio on white and 2.21: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.