#743D48 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #743d48 graphic
This dusty, muted maroon carries a serious, somber weight. Because it lacks high saturation, #743d48 works well for moody branding or traditional, formal layouts where a refined aesthetic is needed. It can appear muddy at larger sizes, but it shines as a background color for UI designs. The hex code #743d48 supports excellent readability with white text, providing high contrast for body content.

Questions about #743d48

What is #743d48 in RGB, HSL and CMYK?
In RGB, #743d48 is rgb(116, 61, 72), in HSL hsl(348, 31%, 35%) and in CMYK 0%, 47%, 38%, 55%.
How should I use #743d48 in UI design?
#743d48 works best as a primary background color where a refined or traditional atmosphere is required. Because it is desaturated and dark, it provides excellent readability for white text, creating a strong, sophisticated contrast that feels both intentional and grounded.
What colors pair well with #743d48?
This muted maroon pairs naturally with soft, desaturated neutrals like cream or light gray to keep the aesthetic clean. For a more traditional, high-contrast look, incorporate touches of gold or navy to anchor the overall composition without overwhelming the depth of the maroon.
Is #743d48 readable on white or black?
#743d48 has a 8.38:1 contrast ratio on white and 2.50: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.