#BA368A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Think of bougainvillea petals in full sun and you land near this pink. #ba368a is saturated and warm, loud enough to carry a call to action or accent but heavy as a full background. White text clears AA contrast on it at about 5.3:1, so it works for buttons and badges. Deep teal makes the hex code #ba368a read even punchier.
Questions about #ba368a
What is #ba368a in RGB, HSL and CMYK?
In RGB, #ba368a is rgb(186, 54, 138), in HSL hsl(322, 55%, 47%) and in CMYK 0%, 71%, 26%, 27%. Browse more shades of pink with names and hex codes.
What text color works best on #ba368a?
White text reads best on #ba368a, with a contrast ratio of about 5.3:1, which clears WCAG AA for body text. Black text falls short of that threshold, so keep dark type off this shade.
What colors pair well with #ba368a?
Is #ba368a readable on white or black?
#ba368a has a 5.27:1 contrast ratio on white and 3.98: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.