#B34300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This rich, saturated orange-brown commands attention with high intensity. As a bold accent color, #b34300 works best in small doses rather than full backgrounds, as its strength can easily overwhelm a layout. Pair this hex code with a cool slate gray to balance the heat. It is a fantastic choice for agriculture, coffee branding, or seasonal design themes that require a grounded, earthy impact.
Questions about #b34300
What is #b34300 in RGB, HSL and CMYK?
In RGB, #b34300 is rgb(179, 67, 0), in HSL hsl(22, 100%, 35%) and in CMYK 0%, 63%, 100%, 30%.
What colors pair well with #b34300?
Pair #b34300 with a cool slate gray or deep charcoal to effectively balance its intense, earthy heat. These neutral pairings ground the color, preventing it from overwhelming a design while maintaining its striking, organic character in professional layouts.
Is #b34300 suitable for UI design or text?
Use #b34300 sparingly as an accent color for buttons or icons, but avoid using it for body text as it lacks the contrast needed for comfortable, accessible reading. Always check the contrast ratio against your background to ensure legibility remains high.
Is #b34300 readable on white or black?
#b34300 has a 5.64:1 contrast ratio on white and 3.71: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.