#7C5448 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7c5448 is a dusty, unsaturated red with heavy brown undertones that lean toward a muted, earthy warmth. Because it reads quite dark and dim, use it as a secondary accent rather than a primary background to avoid a muddy effect. It pairs beautifully with soft creams or warm grays. This hex code offers enough contrast for white text, ensuring readability in small design elements.
Questions about #7c5448
What is #7c5448 in RGB, HSL and CMYK?
In RGB, #7c5448 is rgb(124, 84, 72), in HSL hsl(14, 27%, 38%) and in CMYK 0%, 32%, 42%, 51%.
What colors pair well with #7c5448?
The earthy, muted quality of #7c5448 pairs naturally with soft cream or warm gray to create a balanced, professional contrast. Avoid placing it near overly vibrant neons, which can clash with its desaturated and dim character, making the color appear muddy or flat.
How should #7c5448 be effectively used in interface design?
Given its dark, unsaturated nature, this shade is ideal as a secondary accent for buttons, borders, or text highlights rather than a main background. It offers sufficient contrast for white text, ensuring your design remains legible while adding a subtle, sophisticated depth to the composition.
Is #7c5448 readable on white or black?
#7c5448 has a 6.52:1 contrast ratio on white and 3.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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.