#BA0A0A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bold red demands immediate attention. With its powerful and aggressive presence, #ba0a0a works best for calls to action or high-contrast design accents. The hex code #ba0a0a captures intense energy and urgency, making it a natural choice for industries centered on speed, danger, or passion. Use this shade to create a striking focal point in any composition.
Questions about #ba0a0a
What is #ba0a0a in RGB, HSL and CMYK?
In RGB, #ba0a0a is rgb(186, 10, 10), in HSL hsl(0, 90%, 38%) and in CMYK 0%, 95%, 95%, 27%.
When should I use this intense shade of red?
This red is best utilized for high-contrast design elements, such as call-to-action buttons or warning indicators where you need to grab user focus immediately. Because it is so saturated, avoid using it as a primary background color for long-form text blocks.
Does this red work well with neutral tones?
Yes, this red pairs exceptionally well with cool grays or off-whites, which help tone down its intensity while maintaining a clean look. Using too many bright colors alongside this specific red can create visual clutter, so balance it with softer, muted neutrals.
Is #ba0a0a readable on white or black?
#ba0a0a has a 6.69:1 contrast ratio on white and 3.13: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.