#BA3B3B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ba3b3b is a saturated, brick-like red that commands attention through its intensity. This warm shade avoids being too loud, making it a perfect accent for calls to action or seasonal branding. Because it offers strong contrast against white text, it works well for UI buttons or small graphic elements. Use this hex code as a 10% pop of color rather than a dominant background to avoid visual fatigue.
Questions about #ba3b3b
What is #ba3b3b in RGB, HSL and CMYK?
In RGB, #ba3b3b is rgb(186, 59, 59), in HSL hsl(0, 52%, 48%) and in CMYK 0%, 68%, 68%, 27%.
How should I use #ba3b3b in my UI design?
#ba3b3b works best as a deliberate accent rather than a primary background color to avoid overwhelming the viewer. Reserve this intense shade for call-to-action buttons or small visual elements where you need to draw the eye immediately.
What colors pair well with #ba3b3b?
This brick red pairs beautifully with neutral tones like soft cream or light gray to balance its high saturation. For a more sophisticated palette, try placing it alongside a deep navy blue to create a high-contrast and professional look.
Is #ba3b3b readable on white or black?
#ba3b3b has a 5.56:1 contrast ratio on white and 3.77: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.