#BA320D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, warm red sits firmly between orange and crimson, offering high visual impact. Because #ba320d carries such aggressive energy, it functions best as an accent color for calls to action or urgent UI alerts rather than a large background. Pair this hex code with slate gray or charcoal to ground its brightness, as white text remains readable against it for accessible interface design.
Questions about #ba320d
What is #ba320d in RGB, HSL and CMYK?
In RGB, #ba320d is rgb(186, 50, 13), in HSL hsl(13, 87%, 39%) and in CMYK 0%, 73%, 93%, 27%.
How can I use #ba320d effectively in UI design?
Because #ba320d carries such aggressive visual energy, it is best reserved for high-priority alerts or call-to-action buttons rather than large backgrounds. It maintains excellent readability when paired with white text or neutral, dark shades like charcoal for grounding.
What colors pair well with #ba320d?
Is #ba320d readable on white or black?
#ba320d has a 5.91:1 contrast ratio on white and 3.54: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.