#BA4DDB Color

#BA4DDB is rgb(186, 77, 219) in RGB and hsl(286, 66%, 58%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#BA4DDB

HEX#BA4DDB

RGBrgb(186, 77, 219)

HSLhsl(286, 66%, 58%)

HSVhsv(286, 65%, 86%)

OKLCHoklch(62.1% 0.221 317.5)

CMYKcmyk(15%, 65%, 0%, 14%)

Text Contrast & Accessibility

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

TextWhite text4.06:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.17:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BA4DDB Complementary#6EDB4D Analogous#734DDB Analogous#DB4DB5 Triadic#DBBA4D Triadic#4DDBBA

Tints & Shades

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

Tints

#C467E0 #CC7CE4 #D695E9 #E0AFEF #EAC8F4 #F2DDF8

Shades

#AC2BD4 #9425B6 #791E94 #5D1772 #421050 #290A33

Use #BA4DDB in Our Tools

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