#BA87EE Color

#BA87EE is rgb(186, 135, 238) in RGB and hsl(270, 75%, 73%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#BA87EE

HEX#BA87EE

RGBrgb(186, 135, 238)

HSLhsl(270, 75%, 73%)

HSVhsv(270, 43%, 93%)

OKLCHoklch(71.3% 0.153 305.7)

CMYKcmyk(22%, 43%, 0%, 7%)

Text Contrast & Accessibility

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

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

TextBlack text7.79:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BA87EE Complementary#BAEE87 Analogous#8787EE Analogous#EE87EE Triadic#EEBA87 Triadic#87EEBA

Tints & Shades

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

Tints

#C498F0 #CCA6F2 #D6B8F5 #DEC5F7 #E8D7F9 #F0E4FB

Shades

#A15AE7 #872DE1 #6E1BC0 #571698 #3D0F6B #24093E

Use #BA87EE in Our Tools

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