#BA0F00 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ba0f00 graphic
#ba0f00 is a dark, highly saturated red with warm undertones and strong visual weight. Its intensity suits calls to action, sports branding, caution graphics, and small accents more than full-page backgrounds. Pair it with charcoal or warm cream for controlled contrast. The hex code #ba0f00 also supports readable white text at about a 6.7:1 contrast ratio.

Questions about #ba0f00

What is #ba0f00 in RGB, HSL and CMYK?
In RGB, #ba0f00 is rgb(186, 15, 0), in HSL hsl(5, 100%, 36%) and in CMYK 0%, 92%, 100%, 27%.
What colors pair well with #ba0f00?
Charcoal and warm cream pair well with #ba0f00, balancing its visual weight without competing with its warmth. Use charcoal for grounded layouts and warm cream for softer contrast, keeping brighter accents limited.
Where does #ba0f00 work best?
#ba0f00 works best as a focused accent in calls to action, sports branding, alerts, and caution graphics rather than as a full-page background. Its high saturation and dark value can overpower large areas, so use neutral surfaces to contain it.
Is #ba0f00 warm or cool?
#ba0f00 reads as a warm red because its hue leans toward orange rather than violet. Its dark value and high saturation give it an urgent, forceful mood, so it can signal energy or caution in small, deliberate areas.
Is #ba0f00 readable on white or black?
#ba0f00 has a 6.65:1 contrast ratio on white and 3.15: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.