#BA100D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. Because of its visual weight, the hex code #ba100d serves best as a strategic 10% accent for buttons or calls to action rather than a full background. Pair it with muted, cool grays to keep the composition grounded. White text offers a clear 6.6:1 contrast ratio, ensuring high readability for UI elements that require urgency.
Questions about #ba100d
What is #ba100d in RGB, HSL and CMYK?
In RGB, #ba100d is rgb(186, 16, 13), in HSL hsl(1, 87%, 39%) and in CMYK 0%, 91%, 93%, 27%.
How should I use #ba100d in a UI design?
#ba100d functions best as a high-impact accent color rather than a primary background element. It is ideal for buttons, error states, or call-to-action elements where you need to draw the user eye immediately without overwhelming the interface design.
What colors pair well with #ba100d?
This red pairs best with neutral, cool tones to keep the layout grounded and readable. Using it alongside charcoal or cool grays helps stabilize its visual weight, allowing the red to pop effectively without causing eye strain for the user.
Is #ba100d readable on white or black?
#ba100d has a 6.62:1 contrast ratio on white and 3.16: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.