#BC71CC Color

#BC71CC is rgb(188, 113, 204) in RGB and hsl(289, 47%, 62%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#BC71CC

HEX#BC71CC

RGBrgb(188, 113, 204)

HSLhsl(289, 47%, 62%)

HSVhsv(289, 45%, 80%)

OKLCHoklch(66.3% 0.152 320.4)

CMYKcmyk(8%, 45%, 0%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC71CC Complementary#81CC71 Analogous#8D71CC Analogous#CC71AF Triadic#CCBB71 Triadic#71CCBB

Tints & Shades

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

Tints

#C483D2 #CD96D9 #D6A9E0 #E1BFE8 #EAD2EF #F2E5F6

Shades

#AD53C1 #953DA9 #7A328B #60276D #451C4F #28102D

Use #BC71CC in Our Tools

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