#BA0000 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ba0000 is a saturated, aggressive red that demands immediate attention. Due to its high intensity and darkness, this hex code works best as a 10% accent color rather than a dominant background. It pairs exceptionally well with cool grays or charcoal to temper its natural ferocity. Since it offers strong contrast, use white text for any overlay to ensure accessibility and readability.
Questions about #ba0000
What is #ba0000 in RGB, HSL and CMYK?
In RGB, #ba0000 is rgb(186, 0, 0), in HSL hsl(0, 100%, 36%) and in CMYK 0%, 100%, 100%, 27%.
How should I use #ba0000 in a design layout?
Treat #ba0000 as a high-intensity accent color, limiting its usage to roughly 10 percent of your total design. Because of its aggressive nature, it can easily overwhelm a layout if used as a primary background or dominant element.
Which neutral colors pair best with #ba0000?
This shade of red works best when balanced against cool neutrals like charcoal or slate gray. These darker, muted tones help temper the natural ferocity of the red while ensuring your text remains readable and professional.
Is #ba0000 readable on white or black?
#ba0000 has a 6.80:1 contrast ratio on white and 3.08: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.