#BA0C2F Hex Color

A high-intensity, commanding shade of red

Hex color #ba0c2f graphic
This saturated, high-intensity red demands attention immediately. Because of its aggressive nature, use #ba0c2f as an accent color for calls to action or alerts rather than a full page background. It pairs surprisingly well with charcoal grays or soft, cool teals to ground the intensity. The hex code for this powerful red is #ba0c2f, and it supports white text for good readability.

Questions about #ba0c2f

What is #ba0c2f in RGB, HSL and CMYK?
In RGB, #ba0c2f is rgb(186, 12, 47), in HSL hsl(348, 88%, 39%) and in CMYK 0%, 94%, 75%, 27%.
How can I effectively use #ba0c2f in a digital interface?
#ba0c2f is an aggressive red that should be reserved for high-priority elements like error messages, critical alerts, or call-to-action buttons. Because of its extreme intensity, avoid using it for large background areas or text, as it can overwhelm the user interface and cause eye strain.
Which colors pair well with #ba0c2f for a balanced design?
To ground the intensity of #ba0c2f, pair it with neutral charcoal or soft, cool teal tones. These muted counterparts prevent the red from vibrating against the background, creating a more professional and visually accessible color scheme for your layouts.
Is #ba0c2f readable on white or black?
#ba0c2f has a 6.60:1 contrast ratio on white and 3.18: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.