#B86DCA Color

#B86DCA is rgb(184, 109, 202) in RGB and hsl(288, 47%, 61%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#B86DCA

HEX#B86DCA

RGBrgb(184, 109, 202)

HSLhsl(288, 47%, 61%)

HSVhsv(288, 46%, 79%)

OKLCHoklch(65.2% 0.155 319.6)

CMYKcmyk(9%, 46%, 0%, 21%)

Text Contrast & Accessibility

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

TextWhite text3.45:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.08:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#B86DCA Complementary#80CA6D Analogous#896DCA Analogous#CA6DAE Triadic#CAB86D Triadic#6DCAB8

Tints & Shades

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

Tints

#C180D1 #CC96D9 #D5A9E0 #DEBCE7 #E7CEED #F2E5F6

Shades

#A94FBF #933DA9 #79328B #5C2669 #411B4B #27102D

Use #B86DCA in Our Tools

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