#BA0021 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ba0021 is an intense, saturated red that demands immediate attention. This high-energy shade works best as an accent color for calls to action or alert indicators rather than a full background. Pair it with soft, desaturated grays to anchor its natural loudness. Because white text provides excellent readability against the hex code #ba0021, it remains a reliable choice for UI elements requiring urgency.
Questions about #ba0021
What is #ba0021 in RGB, HSL and CMYK?
In RGB, #ba0021 is rgb(186, 0, 33), in HSL hsl(349, 100%, 36%) and in CMYK 0%, 100%, 82%, 27%.
How can I effectively pair #ba0021 in a user interface?
#ba0021 works best when balanced against neutral backgrounds to anchor its high intensity. Pair this vibrant red with soft, desaturated charcoal or cool light grays to ensure the color pops without overwhelming the user or causing visual fatigue.
Is #ba0021 readable on white or black?
#ba0021 has a 6.75:1 contrast ratio on white and 3.10: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.