#BA14BD Color

#BA14BD is rgb(186, 20, 189) in RGB and hsl(299, 81%, 41%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#BA14BD

HEX#BA14BD

RGBrgb(186, 20, 189)

HSLhsl(299, 81%, 41%)

HSVhsv(299, 89%, 74%)

OKLCHoklch(56% 0.25 327.4)

CMYKcmyk(2%, 89%, 0%, 26%)

Text Contrast & Accessibility

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

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

TextBlack text3.92:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#BA14BD Complementary#17BD14 Analogous#6614BD Analogous#BD146B Triadic#BDBA14 Triadic#14BDBA

Tints & Shades

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

Tints

#DF18E2 #E739EA #EC5DEE #F187F2 #F5ACF6 #F9D1FA

Shades

#A411A6 #880F8A #720C73 #5B0A5C #440745 #29042A

Use #BA14BD in Our Tools

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