#BC63D9 Color

#BC63D9 is rgb(188, 99, 217) in RGB and hsl(285, 61%, 62%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#BC63D9

HEX#BC63D9

RGBrgb(188, 99, 217)

HSLhsl(285, 61%, 62%)

HSVhsv(285, 54%, 85%)

OKLCHoklch(65% 0.188 317.2)

CMYKcmyk(13%, 54%, 0%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC63D9 Complementary#81D963 Analogous#8163D9 Analogous#D963BC Triadic#D9BC63 Triadic#63D9BC

Tints & Shades

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

Tints

#C578DE #CD8CE3 #D6A1E8 #E1B9EE #EACEF3 #F3E2F8

Shades

#AD42D1 #962DB9 #7B2598 #611D77 #461556 #280C31

Use #BC63D9 in Our Tools

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