#BA365B Color

#BA365B is rgb(186, 54, 91) in RGB and hsl(343, 55%, 47%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#BA365B

HEX#BA365B

RGBrgb(186, 54, 91)

HSLhsl(343, 55%, 47%)

HSVhsv(343, 71%, 73%)

OKLCHoklch(53.9% 0.169 8.2)

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

Text Contrast & Accessibility

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

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

TextBlack text3.77:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#BA365B Complementary#36BA94 Analogous#BA369D Analogous#BA5236 Triadic#5BBA36 Triadic#365BBA

Tints & Shades

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

Tints

#CA496E #D36987 #DB849D #E3A0B3 #EBBCC9 #F5DBE3

Shades

#A22F50 #8A2844 #732138 #57192B #3F121F #280B13

Use #BA365B in Our Tools

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