#BA432E Hex Color

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

Hex color #ba432e graphic
#ba432e is a bold terracotta with strong, earthy warmth. It functions best as an accent color for calls to action or UI highlights rather than a full background, where its intensity can quickly overwhelm. Because it maintains a contrast ratio of 5.3:1 against white, it remains legible for small body text. Use this hex code to inject immediate energy into rustic or traditional design themes.

Questions about #ba432e

What is #ba432e in RGB, HSL and CMYK?
In RGB, #ba432e is rgb(186, 67, 46), in HSL hsl(9, 60%, 45%) and in CMYK 0%, 64%, 75%, 27%.
Where should I use #ba432e in a user interface?
Use #ba432e primarily as a high-impact accent color for calls to action, buttons, or active states where you need to draw immediate attention. Because it is highly saturated, avoid using it for large backgrounds or body text blocks, which can overwhelm the visual experience.
What colors pair well with #ba432e?
Pair #ba432e with neutral tones like cream or warm gray to ground its intensity and prevent clashing. For a balanced, sophisticated scheme, it also complements deep navy or soft sage green accents, which contrast effectively against this warm terracotta.
Is #ba432e readable on white or black?
#ba432e has a 5.34:1 contrast ratio on white and 3.93: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.