#BA0C0F Hex Color

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

Hex color #ba0c0f graphic
Fire engine red with a dark, saturated body, #ba0c0f grabs attention without feeling bright. It works best as an accent or bold highlight, since full backgrounds can read heavy. Pair it with deep navy for a moodier combination than the usual black. White text sits comfortably on top at about 6.7:1 contrast, enough for AA body copy.

Questions about #ba0c0f

What is #ba0c0f in RGB, HSL and CMYK?
In RGB, #ba0c0f is rgb(186, 12, 15), in HSL hsl(359, 88%, 39%) and in CMYK 0%, 94%, 92%, 27%.
What text color works best on #ba0c0f?
White text is the safest choice, with a contrast ratio of about 6.7:1 against #ba0c0f. That clears the WCAG AA threshold of 4.5:1, so small body copy stays readable. Dark text on this red fails contrast checks.
What colors pair well with #ba0c0f?
Deep navy gives this red a richer, more serious pairing than plain black, while charcoal keeps things neutral and grounded. Warm creams and muted golds also work when you want the red to feel inviting rather than alarming.
Is #ba0c0f readable on white or black?
#ba0c0f has a 6.67:1 contrast ratio on white and 3.14: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.