#BA9EDB Color

#BA9EDB is rgb(186, 158, 219) in RGB and hsl(268, 46%, 74%) in HSL. The closest CSS named color is Plum. Black text is most readable on this background.

#BA9EDB

HEX#BA9EDB

RGBrgb(186, 158, 219)

HSLhsl(268, 46%, 74%)

HSVhsv(268, 28%, 86%)

OKLCHoklch(74.5% 0.091 305.3)

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

Text Contrast & Accessibility

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

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

TextBlack text9:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BA9EDB Complementary#BFDB9E Analogous#9EA0DB Analogous#D99EDB Triadic#DBBB9E Triadic#9EDBBB

Tints & Shades

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

Tints

#C3A9DF #CDB8E5 #D5C3E9 #DFD2EE #E7DDF3 #F2ECF8

Shades

#A079CD #8654C0 #6D3DA4 #542F7F #3B2159 #231334

Use #BA9EDB in Our Tools

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