#BB58A2 Color

#BB58A2 is rgb(187, 88, 162) in RGB and hsl(315, 42%, 54%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#BB58A2

HEX#BB58A2

RGBrgb(187, 88, 162)

HSLhsl(315, 42%, 54%)

HSVhsv(315, 53%, 73%)

OKLCHoklch(60.6% 0.155 338)

CMYKcmyk(0%, 53%, 13%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB58A2 Complementary#58BB71 Analogous#A258BB Analogous#BB5871 Triadic#A2BB58 Triadic#58A2BB

Tints & Shades

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

Tints

#C46EAE #CE88BD #D79DC9 #E0B3D5 #E9C9E1 #F3E2EF

Shades

#AA4691 #913B7B #773166 #5B254D #411B38 #281022

Use #BB58A2 in Our Tools

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