#7C3B47 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7c3b47 is a dusty, muted maroon with low saturation and warm, earthy undertones. Because it sits on the darker side of the spectrum, it functions best as a supporting tone or accent rather than a dominant background. Pair it with soft creams or warm grays to avoid a muddy appearance. This hex code offers excellent contrast for white text, making it highly readable for fine UI details.
Questions about #7c3b47
What is #7c3b47 in RGB, HSL and CMYK?
In RGB, #7c3b47 is rgb(124, 59, 71), in HSL hsl(349, 36%, 36%) and in CMYK 0%, 52%, 43%, 51%.
How should I use #7c3b47 in a UI design?
#7c3b47 functions best as a subtle accent or supporting element rather than a dominant background color because of its deep, muted intensity. It creates excellent readability for white text, making it a reliable choice for buttons or borders.
What colors pair well with the #7c3b47 maroon?
This earthy shade thrives when paired with soft creams or neutral warm grays, which prevent the color from appearing muddy on screen. You can also find harmonic balance by introducing a sage or soft olive to contrast the maroon warmth.
Is #7c3b47 readable on white or black?
#7c3b47 has a 8.15:1 contrast ratio on white and 2.57: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.