#BD6580 Color

#BD6580 is rgb(189, 101, 128) in RGB and hsl(342, 40%, 57%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#BD6580

HEX#BD6580

RGBrgb(189, 101, 128)

HSLhsl(342, 40%, 57%)

HSVhsv(342, 47%, 74%)

OKLCHoklch(61.6% 0.116 1.5)

CMYKcmyk(0%, 47%, 32%, 26%)

Text Contrast & Accessibility

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

TextWhite text3.93:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.34:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BD6580 Complementary#65BDA3 Analogous#BD65AC Analogous#BD7765 Triadic#80BD65 Triadic#6580BD

Tints & Shades

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

Tints

#C67B92 #D090A3 #D9A6B5 #E0B8C4 #EACDD6 #F3E2E7

Shades

#AF4B69 #96405A #793449 #60293A #441D29 #2B121A

Use #BD6580 in Our Tools

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