#BD14AC Color

#BD14AC is rgb(189, 20, 172) in RGB and hsl(306, 81%, 41%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BD14AC

HEX#BD14AC

RGBrgb(189, 20, 172)

HSLhsl(306, 81%, 41%)

HSVhsv(306, 89%, 74%)

OKLCHoklch(55.5% 0.24 333.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BD14AC Complementary#14BD25 Analogous#7914BD Analogous#BD1458 Triadic#ACBD14 Triadic#14ACBD

Tints & Shades

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

Tints

#E218CE #EA39D8 #EE5DE0 #F287E8 #F6ACEF #FAD1F6

Shades

#A61197 #8A0F7E #730C69 #5C0A54 #45073F #2A0426

Use #BD14AC in Our Tools

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