#BA4F4A Color

#BA4F4A is rgb(186, 79, 74) in RGB and hsl(3, 45%, 51%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#BA4F4A

HEX#BA4F4A

RGBrgb(186, 79, 74)

HSLhsl(3, 45%, 51%)

HSVhsv(3, 60%, 73%)

OKLCHoklch(56.5% 0.14 25.2)

CMYKcmyk(0%, 58%, 60%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA4F4A Complementary#4AB5BA Analogous#BA4A7C Analogous#BA884A Triadic#4ABA4F Triadic#4F4ABA

Tints & Shades

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

Tints

#C46964 #CD7E7A #D69794 #E0B0AE #EAC9C8 #F2DFDE

Shades

#A3433E #8D3A35 #732F2B #592422 #3F1A18 #29110F

Use #BA4F4A in Our Tools

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