#B35500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm orange brings a mellow energy to any design project. Because it can quickly overwhelm a layout, use #b35500 as an accent color rather than a primary background. It pairs exceptionally well with deep charcoal or slate greys for a modern look. While white text provides enough contrast to remain readable, use this bold shade sparingly to maintain visual balance.
Questions about #b35500
What is #b35500 in RGB, HSL and CMYK?
In RGB, #b35500 is rgb(179, 85, 0), in HSL hsl(28, 100%, 35%) and in CMYK 0%, 53%, 100%, 30%.
What colors pair best with #b35500 for a modern look?
Use #b35500 alongside charcoal or deep slate greys to ground the warmth and create professional contrast. These neutral backgrounds prevent the orange from overwhelming your design while maintaining a sharp, balanced aesthetic for websites or print.
Should #b35500 be used as a primary background color?
Avoid using #b35500 as a primary background because its high saturation can quickly overwhelm a layout and tire the viewer's eyes. It functions much more effectively as a high-impact accent color for buttons, icons, or specific call-to-action highlights.
Is #b35500 readable on white or black?
#b35500 has a 4.98:1 contrast ratio on white and 4.21: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.