#BA375A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ba375a is a saturated, warm crimson that commands immediate attention. Because of its intensity, it works best as a 10% accent color rather than a large background fill. It pairs surprisingly well with deep charcoal grays to ground its boldness. With a contrast ratio of 5.6:1, white text remains highly legible against this hex code, making it a reliable choice for high-impact call-to-action buttons.
Questions about #ba375a
What is #ba375a in RGB, HSL and CMYK?
In RGB, #ba375a is rgb(186, 55, 90), in HSL hsl(344, 54%, 47%) and in CMYK 0%, 70%, 52%, 27%.
How should I use #ba375a in a professional design layout?
#ba375a is best used as a strategic accent color rather than a primary background fill because of its high saturation. Use it for call-to-action buttons or small interface highlights to draw immediate attention without overwhelming the user experience.
What colors pair best with #ba375a for a balanced palette?
This crimson pairs well with deep charcoal or slate grays, which serve to ground its intensity and provide necessary visual relief. For a softer look, consider pairing it with neutral off-whites or warm stone tones to maintain the color's warm character.
Is #ba375a readable on white or black?
#ba375a has a 5.55:1 contrast ratio on white and 3.78: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.