#540B0E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated maroon feels serious and moody, making it an excellent choice for luxury branding or formal UI designs. Because it sits so dark on the spectrum, use it as an accent color rather than a primary background to avoid overwhelming your layout. The hex code #540b0e offers high contrast for white text, ensuring your typography remains readable in any application.
Questions about #540b0e
What is #540b0e in RGB, HSL and CMYK?
In RGB, #540b0e is rgb(84, 11, 14), in HSL hsl(358, 77%, 19%) and in CMYK 0%, 87%, 83%, 67%.
How can I effectively use #540b0e in a UI layout?
Because #540b0e is so dark and saturated, use it sparingly as a high-impact accent color rather than a primary background. It provides excellent contrast for white typography, making it ideal for call-to-action buttons or sophisticated, moody header elements.
What colors pair well with #540b0e?
This deep maroon pairs beautifully with soft, neutral tones like cream or light beige to balance its intensity. For a more dramatic or formal aesthetic, combining it with charcoal or dark metallics creates a luxurious, high-end feel for brand identities.
Is #540b0e readable on white or black?
#540b0e has a 14.67: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.