#BF36BA Color

#BF36BA is rgb(191, 54, 186) in RGB and hsl(302, 56%, 48%) in HSL. The closest CSS named color is MediumOrchid. White text is most readable on this background.

#BF36BA

HEX#BF36BA

RGBrgb(191, 54, 186)

HSLhsl(302, 56%, 48%)

HSVhsv(302, 72%, 75%)

OKLCHoklch(58.6% 0.223 329.6)

CMYKcmyk(0%, 72%, 3%, 25%)

Text Contrast & Accessibility

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

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

TextBlack text4.45:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#BF36BA Complementary#36BF3A Analogous#7F36BF Analogous#BF3676 Triadic#BABF36 Triadic#36BABF

Tints & Shades

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

Tints

#CD4CC8 #D468D1 #DC84D9 #E5A4E3 #EDBFEC #F5DBF4

Shades

#A72FA3 #8B2788 #732171 #5B1A59 #441342 #280B27

Use #BF36BA in Our Tools

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