#BA1337 Hex Color
An intense and high-impact crimson red
This saturated, intense red demands attention immediately. Because of its high chroma, #ba1337 works best as a 10 percent accent color for buttons or call-to-action highlights rather than a full background. It pairs exceptionally well with cool, dark slate grays to ground its aggressive energy. White text remains perfectly legible against this shade, making it useful for bold warnings or emergency messaging.
Questions about #ba1337
What is #ba1337 in RGB, HSL and CMYK?
In RGB, #ba1337 is rgb(186, 19, 55), in HSL hsl(347, 81%, 40%) and in CMYK 0%, 90%, 70%, 27%.
How should I use #ba1337 in interface design?
Reserve #ba1337 as a high-impact accent color for buttons, notifications, or call-to-action elements where you need to drive immediate user focus. Because it is highly saturated, using it sparingly prevents the design from feeling aggressive or overwhelming for the user.
What colors pair well with #ba1337?
This intense red anchors perfectly against cool, dark neutrals like charcoal or deep slate, which help ground its high energy without competing. If you need a more harmonious palette, consider soft off-whites or pale greiges to maintain legibility while allowing the red to pop.
Is #ba1337 readable on white or black?
#ba1337 has a 6.48:1 contrast ratio on white and 3.23: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.