#B45576 Color

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

#B45576

HEX#B45576

RGBrgb(180, 85, 118)

HSLhsl(339, 39%, 52%)

HSVhsv(339, 53%, 71%)

OKLCHoklch(57.6% 0.128 360)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B45576 Complementary#55B493 Analogous#B455A6 Analogous#B46355 Triadic#76B455 Triadic#5576B4

Tints & Shades

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

Tints

#BF6E8A #C9839B #D39CAF #DDB1C0 #E8CAD4 #F1DFE5

Shades

#A04665 #873B56 #6E3046 #592738 #401C29 #271119

Use #B45576 in Our Tools

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