#BC57B5 Color

#BC57B5 is rgb(188, 87, 181) in RGB and hsl(304, 43%, 54%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#BC57B5

HEX#BC57B5

RGBrgb(188, 87, 181)

HSLhsl(304, 43%, 54%)

HSVhsv(304, 54%, 74%)

OKLCHoklch(61.5% 0.173 330.1)

CMYKcmyk(0%, 54%, 4%, 26%)

Text Contrast & Accessibility

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

TextWhite text4.06:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.17:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BC57B5 Complementary#57BC5E Analogous#9057BC Analogous#BC5783 Triadic#B5BC57 Triadic#57B5BC

Tints & Shades

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

Tints

#C56DBF #CF87CA #D89DD4 #E0B2DD #E9C8E7 #F3E2F2

Shades

#AB44A5 #923A8C #783074 #5B2458 #421A3F #281027

Use #BC57B5 in Our Tools

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