#B95314 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b95314 graphic
This saturated, warm orange feels approachable and energetic without being neon. Because of its weight, the hex code #b95314 works best as a primary accent rather than a background. Pair it with deep charcoal or muted teal to balance its intensity. It provides enough contrast for readable text, but it truly shines in branding where you need to project optimism or playful creativity.

Questions about #b95314

What is #b95314 in RGB, HSL and CMYK?
In RGB, #b95314 is rgb(185, 83, 20), in HSL hsl(23, 80%, 40%) and in CMYK 0%, 55%, 89%, 27%.
What colors pair best with #b95314?
To balance the intensity of #b95314, pair it with deep, cool neutrals like charcoal or slate to ground the design. Alternatively, using a muted teal provides a complementary contrast that makes this warm orange feel sophisticated rather than overwhelming.
Is #b95314 suitable for UI text?
Using #b95314 for body text is generally not recommended as it lacks sufficient contrast against standard white backgrounds. However, it makes an excellent choice for primary buttons, notification badges, or call-to-action elements where you need to draw the user's immediate attention.
Is #b95314 readable on white or black?
#b95314 has a 4.87:1 contrast ratio on white and 4.31: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.