#B54C0A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy orange carries strong brown undertones that make it feel grounded rather than abrasive. Best suited as a bold accent color, #b54c0a pairs effectively with muted teals or deep slate grays to balance its intensity. While the hex code #b54c0a offers excellent readability with white text, its weight makes it too overwhelming for large backgrounds. Use it sparingly to inject warmth and urgency into your layouts.
Questions about #b54c0a
What is #b54c0a in RGB, HSL and CMYK?
In RGB, #b54c0a is rgb(181, 76, 10), in HSL hsl(23, 90%, 37%) and in CMYK 0%, 58%, 94%, 29%.
What colors complement #b54c0a best?
This intense orange works best when tempered by slate gray or muted teal tones to create visual balance. These cooler, desaturated shades prevent the high-energy nature of #b54c0a from becoming overwhelming, allowing it to act as a grounded, sophisticated focal point in your designs.
Is #b54c0a suitable for large backgrounds?
Avoid using #b54c0a as a primary background color because its significant weight can quickly overwhelm a layout. It is far more effective as a targeted accent to draw attention, inject warmth, or highlight specific call-to-action buttons against a neutral or dark backdrop.
Is #b54c0a readable on white or black?
#b54c0a has a 5.24:1 contrast ratio on white and 4.00: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.