#BB5D9C Color

#BB5D9C is rgb(187, 93, 156) in RGB and hsl(320, 41%, 55%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#BB5D9C

HEX#BB5D9C

RGBrgb(187, 93, 156)

HSLhsl(320, 41%, 55%)

HSVhsv(320, 50%, 73%)

OKLCHoklch(61.1% 0.143 341.4)

CMYKcmyk(0%, 50%, 17%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB5D9C Complementary#5DBB7D Analogous#AC5DBB Analogous#BB5D6D Triadic#9CBB5D Triadic#5D9CBB

Tints & Shades

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

Tints

#C473A9 #CD88B6 #D69EC4 #E1B7D3 #EACDE0 #F3E2ED

Shades

#AD488B #903C74 #773260 #5D274B #441D37 #281120

Use #BB5D9C in Our Tools

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