#544C21 Hex Color

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

Hex color #544c21 graphic
This muddy, darkened yellow carries a dusty, olive-toned weight that reads as serious and grounded. Because of its low saturation, #544c21 excels as a textured background or a moody secondary accent in outdoor-themed designs. White text provides excellent readability against this shade, ensuring it remains functional for UI elements. Use it sparingly, as this color risks appearing heavy when paired with other dark tones.

Questions about #544c21

What is #544c21 in RGB, HSL and CMYK?
In RGB, #544c21 is rgb(84, 76, 33), in HSL hsl(51, 44%, 23%) and in CMYK 0%, 10%, 61%, 67%.
What colors pair well with #544c21?
To balance the weight of #544c21, pair it with soft, warm neutrals like cream or light sage to keep the palette organic. High-contrast white text is also essential for legibility, as this deep tone can easily overwhelm lighter, brighter colors.
Does #544c21 work for text elements?
Using #544c21 for small text is not recommended because the low saturation and dark value significantly reduce readability against most backgrounds. It is much more effective as a structural accent, footer background, or border color in an interface.
Is #544c21 readable on white or black?
#544c21 has a 8.63:1 contrast ratio on white and 2.43: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.