#BA2863 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated pink commands attention without feeling aggressive. Its high intensity makes it an excellent choice for primary calls to action or small accent elements rather than large background fills. Pair this shade with a crisp, cool charcoal to ground its natural warmth. The hex code for this vivid, flamboyant hue is #ba2863, which offers enough contrast to maintain legibility against white text.
Questions about #ba2863
What is #ba2863 in RGB, HSL and CMYK?
In RGB, #ba2863 is rgb(186, 40, 99), in HSL hsl(336, 65%, 44%) and in CMYK 0%, 78%, 47%, 27%.
What colors pair best with #ba2863 for a balanced design?
Is #ba2863 appropriate for large background areas in web design?
Avoid using #ba2863 as a large background fill because its high saturation can quickly cause eye fatigue and reduce readability. It serves much better as a targeted accent color for buttons, icons, or important notifications that need to grab immediate user attention.
Is #ba2863 readable on white or black?
#ba2863 has a 5.87:1 contrast ratio on white and 3.57: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.