#BA24BC Color

#BA24BC is rgb(186, 36, 188) in RGB and hsl(299, 68%, 44%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#BA24BC

HEX#BA24BC

RGBrgb(186, 36, 188)

HSLhsl(299, 68%, 44%)

HSVhsv(299, 81%, 74%)

OKLCHoklch(56.7% 0.239 327.6)

CMYKcmyk(1%, 81%, 0%, 26%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BA24BC background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text5.16:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.07:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #BA24BC based on color wheel relationships. Click any swatch for its full breakdown.

Base#BA24BC Complementary#26BC24 Analogous#6E24BC Analogous#BC2473 Triadic#BCBA24 Triadic#24BCBA

Tints & Shades

Lighter tints and darker shades of #BA24BC, useful for hover states, backgrounds, and text variants.

Tints

#D531D8 #DB4FDE #E272E4 #E994EB #F0B6F1 #F6D4F7

Shades

#A11FA3 #8B1B8D #721674 #59115A #3F0C40 #2A082B

Use #BA24BC in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex