#B5174C Color

#B5174C is rgb(181, 23, 76) in RGB and hsl(340, 77%, 40%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#B5174C

HEX#B5174C

RGBrgb(181, 23, 76)

HSLhsl(340, 77%, 40%)

HSVhsv(340, 87%, 71%)

OKLCHoklch(50.3% 0.189 9.5)

CMYKcmyk(0%, 87%, 58%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B5174C Complementary#17B580 Analogous#B5179A Analogous#B53217 Triadic#4CB517 Triadic#174CB5

Tints & Shades

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

Tints

#D91C5B #E63D75 #EA618F #EF85A8 #F4A9C2 #F9D2DF

Shades

#9E1542 #871239 #710F2F #560B24 #3F081B #290511

Use #B5174C in Our Tools

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