#BA1D27 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ba1d27 is a bold, saturated red that demands attention. Because it is highly intense, use it sparingly as a high-impact accent color for calls to action or UI alerts rather than large backgrounds. It pairs well with crisp charcoal grays to ground its heat. White text maintains excellent legibility over this hue, making it a reliable choice for buttons or notification badges in busy designs.
Questions about #ba1d27
What is #ba1d27 in RGB, HSL and CMYK?
In RGB, #ba1d27 is rgb(186, 29, 39), in HSL hsl(356, 73%, 42%) and in CMYK 0%, 84%, 79%, 27%.
How should I use #ba1d27 in a user interface?
Use #ba1d27 as a high-impact accent color rather than a background shade to maintain readability. It works best for critical call-to-action buttons or system error alerts, especially when paired with clean charcoal or crisp white text.
Does #ba1d27 have any specific color pairings that work well?
Because #ba1d27 is so intense, it pairs beautifully with grounded, neutral tones that absorb its heat. Pair it with deep charcoal or cool slate greys to create a balanced, professional contrast that keeps your interface from feeling overwhelming.
Is #ba1d27 readable on white or black?
#ba1d27 has a 6.37:1 contrast ratio on white and 3.29: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.