#BA0E0E Hex Color
An intense and highly saturated red
#ba0e0e is an intense, saturated red that demands immediate attention. Because of its high chroma, it functions best as a 10 percent accent for calls to action rather than a large background. White text creates a readable 6.7:1 contrast against this hex code. Try pairing it with cool charcoal grays to ground the visual aggression in your design.
Questions about #ba0e0e
What is #ba0e0e in RGB, HSL and CMYK?
In RGB, #ba0e0e is rgb(186, 14, 14), in HSL hsl(0, 86%, 39%) and in CMYK 0%, 92%, 92%, 27%.
How can I effectively use the high chroma of #ba0e0e in a design?
Limit #ba0e0e to small 10 percent accents or call-to-action buttons, as its intensity can easily overwhelm a layout. Pair it with deep charcoal or slate grays to ground the visual aggression and create a sophisticated, balanced aesthetic.
Is #ba0e0e readable on white or black?
#ba0e0e 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.