#BD3283 Color

#BD3283 is rgb(189, 50, 131) in RGB and hsl(325, 58%, 47%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BD3283

HEX#BD3283

RGBrgb(189, 50, 131)

HSLhsl(325, 58%, 47%)

HSVhsv(325, 74%, 74%)

OKLCHoklch(55.3% 0.191 349.4)

CMYKcmyk(0%, 74%, 31%, 26%)

Text Contrast & Accessibility

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

TextWhite text5.32:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.95:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#BD3283 Complementary#32BD6C Analogous#B232BD Analogous#BD323E Triadic#83BD32 Triadic#3283BD

Tints & Shades

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

Tints

#CE4695 #D666A7 #DE82B8 #E59EC8 #EDBBD8 #F5DBEA

Shades

#A52C73 #8D2562 #751F51 #59183E #40112D #280B1C

Use #BD3283 in Our Tools

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