#BA455C Color

#BA455C is rgb(186, 69, 92) in RGB and hsl(348, 46%, 50%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#BA455C

HEX#BA455C

RGBrgb(186, 69, 92)

HSLhsl(348, 46%, 50%)

HSVhsv(348, 63%, 73%)

OKLCHoklch(55.6% 0.151 11.6)

CMYKcmyk(0%, 63%, 51%, 27%)

Text Contrast & Accessibility

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

TextWhite text5.13:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#BA455C Complementary#45BAA3 Analogous#BA4597 Analogous#BA6845 Triadic#5CBA45 Triadic#455CBA

Tints & Shades

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

Tints

#C45F73 #CD798A #D793A1 #DFA9B4 #E9C3CB #F3DDE2

Shades

#A03B4F #8A3344 #702937 #59212C #3F171F #290F14

Use #BA455C in Our Tools

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