#BA2CBA Color

#BA2CBA is rgb(186, 44, 186) in RGB and hsl(300, 62%, 45%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#BA2CBA

HEX#BA2CBA

RGBrgb(186, 44, 186)

HSLhsl(300, 62%, 45%)

HSVhsv(300, 76%, 73%)

OKLCHoklch(57.1% 0.231 328.1)

CMYKcmyk(0%, 76%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA2CBA Complementary#2CBA2C Analogous#732CBA Analogous#BA2C73 Triadic#BABA2C Triadic#2CBABA

Tints & Shades

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

Tints

#D13DD1 #D85AD8 #E07BE0 #E798E7 #EFB9EF #F5D6F5

Shades

#A126A1 #882088 #701A70 #5B155B #421042 #290A29

Use #BA2CBA in Our Tools

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