#BA98DC Color

#BA98DC is rgb(186, 152, 220) in RGB and hsl(270, 49%, 73%) in HSL. The closest CSS named color is Plum. Black text is most readable on this background.

#BA98DC

HEX#BA98DC

RGBrgb(186, 152, 220)

HSLhsl(270, 49%, 73%)

HSVhsv(270, 31%, 86%)

OKLCHoklch(73.5% 0.103 306.9)

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

Text Contrast & Accessibility

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

TextWhite text2.44:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.61:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BA98DC Complementary#BADC98 Analogous#9898DC Analogous#DC98DC Triadic#DCBA98 Triadic#98DCBA

Tints & Shades

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

Tints

#C4A8E1 #CCB3E5 #D6C2EA #DECEEE #E8DDF3 #F0E8F7

Shades

#A172CF #874CC2 #6E38A3 #572C81 #3D1F5B #241235

Use #BA98DC in Our Tools

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