#544B4E Hex Color

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

Hex color #544b4e graphic
This dusty, desaturated pink balances serious depth with a hint of romantic softness. Because it sits comfortably between grey and pink, #544b4e functions best as a supporting tone in moody UI palettes or fashion branding. White text stands out clearly against this dark backdrop, maintaining high legibility for small body text. Avoid using it as a massive, flat background to prevent the design from feeling muddy.

Questions about #544b4e

What is #544b4e in RGB, HSL and CMYK?
In RGB, #544b4e is rgb(84, 75, 78), in HSL hsl(340, 6%, 31%) and in CMYK 0%, 11%, 7%, 67%.
How should I use #544b4e in my design interface?
#544b4e works best as a supporting tone for buttons or borders rather than a flat background. Because of its dark, desaturated nature, it can feel muddy on large surfaces but provides excellent, high-legibility contrast when paired with soft off-white text.
What colors pair well with #544b4e?
This color pairs beautifully with cream or warm off-white tones to lift its moody, romantic character. For a more sophisticated palette, try pairing #544b4e with deep charcoal or cool slate to emphasize its dusty, greyish undertones.
Is #544b4e readable on white or black?
#544b4e has a 8.42:1 contrast ratio on white and 2.49: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.