#BF4086 Color

#BF4086 is rgb(191, 64, 134) in RGB and hsl(327, 50%, 50%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BF4086

HEX#BF4086

RGBrgb(191, 64, 134)

HSLhsl(327, 50%, 50%)

HSVhsv(327, 66%, 75%)

OKLCHoklch(57.1% 0.177 350.1)

CMYKcmyk(0%, 66%, 30%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BF4086 Complementary#40BF79 Analogous#B940BF Analogous#BF4046 Triadic#86BF40 Triadic#4086BF

Tints & Shades

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

Tints

#C85B97 #D175A8 #DA90B9 #E2A7C7 #EBC2D8 #F4DDE9

Shades

#A43773 #8E2F63 #732650 #5C1F40 #41162E #2A0E1D

Use #BF4086 in Our Tools

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