#BD28AC Color

#BD28AC is rgb(189, 40, 172) in RGB and hsl(307, 65%, 45%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BD28AC

HEX#BD28AC

RGBrgb(189, 40, 172)

HSLhsl(307, 65%, 45%)

HSVhsv(307, 79%, 74%)

OKLCHoklch(56.5% 0.226 333.5)

CMYKcmyk(0%, 79%, 9%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BD28AC Complementary#28BD3A Analogous#8428BD Analogous#BD2861 Triadic#ACBD28 Triadic#28ACBD

Tints & Shades

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

Tints

#D539C3 #DB57CC #E278D6 #E996DF #F0B7E9 #F6D5F2

Shades

#A42395 #8B1D7E #721867 #5D1454 #430E3D #2A0926

Use #BD28AC in Our Tools

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