#B83A14 Hex Color

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

Hex color #b83a14 graphic
#b83a14 is a saturated, warm terracotta red with an intense, earthy base. Because it is bold and attention-grabbing, it functions best as an accent color for calls to action or small UI elements rather than a large background. It pairs well with dark charcoal or soft, cool grays. This hex code provides excellent contrast for white text, ensuring readability in high-impact designs.

Questions about #b83a14

What is #b83a14 in RGB, HSL and CMYK?
In RGB, #b83a14 is rgb(184, 58, 20), in HSL hsl(14, 80%, 40%) and in CMYK 0%, 68%, 89%, 28%. Browse more shades of red with names and hex codes.
Should #b83a14 be used for large background areas?
Generally, no. Its high saturation and intensity make it better suited for small UI elements like buttons or notification badges. Using #b83a14 as a primary background often overwhelms the user and hurts readability, so limit its use to selective accenting.
What colors pair naturally with #b83a14?
To balance the heat of #b83a14, pair it with neutral tones like charcoal or cool, muted grays. These darker, calmer shades provide the necessary contrast to make the vibrancy of this terracotta red stand out without causing visual fatigue.
Is #b83a14 readable on white or black?
#b83a14 has a 5.74:1 contrast ratio on white and 3.65: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.