#BA0202 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. Because of its high saturation, #ba0202 works best as a sharp accent rather than a dominant background color. It pairs surprisingly well with deep charcoal grays to create a moody, high-contrast aesthetic. While white text provides a readable 6.8:1 contrast ratio, use this hex code sparingly to avoid overwhelming your UI design.
Questions about #ba0202
What is #ba0202 in RGB, HSL and CMYK?
In RGB, #ba0202 is rgb(186, 2, 2), in HSL hsl(0, 98%, 37%) and in CMYK 0%, 99%, 99%, 27%.
How can I effectively use #ba0202 in a user interface design?
#ba0202 functions best as a high-impact accent rather than a base color because of its intense saturation. Use it sparingly for call-to-action buttons or critical alerts against neutral backgrounds like charcoal or off-white to maintain visual balance and prevent eye strain.
What colors pair well with the deep red of #ba0202?
This red pairs naturally with neutral tones to ground its intensity. Try combining it with deep charcoal or slate grays for a moody, high-contrast aesthetic, or use clean off-white surfaces to make the red pop without overwhelming the overall layout.
Is #ba0202 readable on white or black?
#ba0202 has a 6.77:1 contrast ratio on white and 3.09: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.