#B54A12 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm orange-brown carries an intense, retro energy reminiscent of autumn foliage. Use #b54a12 sparingly as a high-impact accent color rather than a large background, where it can feel muddy. It pairs effectively with cool slate blues or clean, crisp whites. The hex code for this bold, rustic shade is #b54a12, and it offers enough contrast for legible white body text in interface designs.
Questions about #b54a12
What is #b54a12 in RGB, HSL and CMYK?
In RGB, #b54a12 is rgb(181, 74, 18), in HSL hsl(21, 82%, 39%) and in CMYK 0%, 59%, 90%, 29%.
What colors pair best with #b54a12?
#b54a12 works beautifully when balanced with high-contrast, cool-toned neutrals. Try pairing it with slate blue to tone down its intensity, or use clean, crisp white text to ensure the color remains vibrant and legible in your interface designs.
How should I use #b54a12 in a design layout?
Apply #b54a12 sparingly as a high-impact accent color rather than a large background, where it can easily feel heavy or muddy. It excels when used for buttons, icons, or illustrative details that need to grab the viewer's attention immediately.
Is #b54a12 readable on white or black?
#b54a12 has a 5.31:1 contrast ratio on white and 3.95: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.