#B4557D Color

#B4557D is rgb(180, 85, 125) in RGB and hsl(335, 39%, 52%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#B4557D

HEX#B4557D

RGBrgb(180, 85, 125)

HSLhsl(335, 39%, 52%)

HSVhsv(335, 53%, 71%)

OKLCHoklch(57.8% 0.131 355.5)

CMYKcmyk(0%, 53%, 31%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B4557D Complementary#55B48D Analogous#B455AC Analogous#B45D55 Triadic#7DB455 Triadic#557DB4

Tints & Shades

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

Tints

#BF6E90 #C983A0 #D39CB3 #DDB1C3 #E8CAD6 #F1DFE7

Shades

#A0466B #873B5B #6E304A #59273C #401C2B #27111A

Use #B4557D in Our Tools

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