#B35100 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mellow orange carries a strong warmth suitable for bold branding or seasonal graphics. Since it is intense, #b35100 functions best as a 10% accent color rather than a dominant background. Pair it with dark teals for a modern, high-contrast look. White text provides excellent 5.1:1 readability against this hex code, ensuring your copy remains clear for users.
Questions about #b35100
What is #b35100 in RGB, HSL and CMYK?
In RGB, #b35100 is rgb(179, 81, 0), in HSL hsl(27, 100%, 35%) and in CMYK 0%, 55%, 100%, 30%.
How should I use #b35100 in a professional layout?
#b35100 functions most effectively as a 10% accent color rather than a dominant background due to its high saturation. Use it sparingly to draw the eye toward call-to-action buttons or seasonal graphic highlights against neutral, dark backgrounds.
What colors pair well with #b35100 for a modern look?
Pair #b35100 with dark teal or deep navy to create a sophisticated, high-contrast palette that balances the orange's inherent heat. These cool-toned counterparts anchor the vibrancy of the orange, preventing it from overwhelming your design's overall visual hierarchy.
Is #b35100 readable on white or black?
#b35100 has a 5.12:1 contrast ratio on white and 4.09: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.