#54442C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark brown shade feels serious and grounded, offering a muted, matte aesthetic perfect for vintage or artisan branding. The hex code #54442c serves as an effective base for UI designs. Because it is quite dark, white text provides excellent readability with a 9.4:1 contrast ratio. Pair it with soft, pale cream tones to keep the overall palette from looking muddy.
Questions about #54442c
What is #54442c in RGB, HSL and CMYK?
In RGB, #54442c is rgb(84, 68, 44), in HSL hsl(36, 31%, 25%) and in CMYK 0%, 19%, 48%, 67%.
How can I effectively pair #54442c in a color palette?
#54442c works best when balanced against light, neutral tones to prevent the overall design from feeling too heavy. Pair it with soft, warm cream or off-white shades to maintain readability while keeping the aesthetic polished and intentional.
Is #54442c a good choice for text on websites?
Using #54442c as a background color provides a high-contrast foundation for white text, which achieves a 9.4:1 ratio that exceeds accessibility standards. Avoid using it as foreground text, however, as its dark saturation can make small, thin fonts difficult to read.
Is #54442c readable on white or black?
#54442c has a 9.37:1 contrast ratio on white and 2.24: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.