#BA174D Color

#BA174D is rgb(186, 23, 77) in RGB and hsl(340, 78%, 41%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#BA174D

HEX#BA174D

RGBrgb(186, 23, 77)

HSLhsl(340, 78%, 41%)

HSVhsv(340, 88%, 73%)

OKLCHoklch(51.3% 0.193 10)

CMYKcmyk(0%, 88%, 59%, 27%)

Text Contrast & Accessibility

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

TextWhite text6.33:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#BA174D Complementary#17BA84 Analogous#BA179F Analogous#BA3217 Triadic#4DBA17 Triadic#174DBA

Tints & Shades

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

Tints

#DE1B5C #E73C75 #EB608F #F089AB #F5ADC5 #F9D2DF

Shades

#A31444 #881139 #710E2F #5B0B26 #44081C #290511

Use #BA174D in Our Tools

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