#B53D05 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, burnt orange carries high energy and urgency, making it an ideal choice for calls to action or alert buttons. Because it is so saturated, #b53d05 can quickly overwhelm a layout if used as a primary background. It works best as a 10% accent color paired with deep charcoals or warm grays. White text remains perfectly legible against this hex code for clear, accessible messaging.
Questions about #b53d05
What is #b53d05 in RGB, HSL and CMYK?
In RGB, #b53d05 is rgb(181, 61, 5), in HSL hsl(19, 95%, 36%) and in CMYK 0%, 66%, 97%, 29%.
How can I effectively use #b53d05 in a UI layout?
#b53d05 is best used as a high-impact accent color for buttons or notification badges. Because it is so saturated, limiting it to about 10% of your screen area prevents it from overwhelming the user while maintaining clear, urgent messaging.
Which neutral colors pair best with #b53d05?
This color pairs beautifully with deep charcoal or soft warm gray tones. These neutrals allow the intensity of the orange to pop without competing for visual hierarchy, creating a balanced and professional look for your design.
Is #b53d05 readable on white or black?
#b53d05 has a 5.77:1 contrast ratio on white and 3.63: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.