#540B16 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, unsaturated maroon feels serious and moody, carrying a sense of formal intensity. Because it is so dark, avoid using it as a full-page background, where it can easily appear muddy. Instead, reserve #540b16 for strong branding accents or bold headlines that require gravity. White text remains perfectly legible against this hex code, providing the necessary contrast for clean, readable UI elements.
Questions about #540b16
What is #540b16 in RGB, HSL and CMYK?
In RGB, #540b16 is rgb(84, 11, 22), in HSL hsl(351, 77%, 19%) and in CMYK 0%, 87%, 74%, 67%.
How should I use #540b16 in my design?
Reserve #540b16 for bold headlines or strong UI accents because its extreme darkness makes it unsuitable for large text blocks or full-page backgrounds. It creates a striking, legible contrast when paired with crisp white or off-white text.
What colors pair well with #540b16?
This deep maroon balances effectively with cream or light beige to soften its intensity, while pairing it with charcoal keeps the aesthetic feeling formal and grounded. Avoid pairing it with high-saturation colors that might clash with its muted, earthy undertones.
Is #540b16 readable on white or black?
#540b16 has a 14.61:1 contrast ratio on white and 1.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.