#B31970 Color

#B31970 is rgb(179, 25, 112) in RGB and hsl(326, 75%, 40%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#B31970

HEX#B31970

RGBrgb(179, 25, 112)

HSLhsl(326, 75%, 40%)

HSVhsv(326, 86%, 70%)

OKLCHoklch(51.2% 0.197 353.1)

CMYKcmyk(0%, 86%, 37%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B31970 Complementary#19B35C Analogous#A819B3 Analogous#B31924 Triadic#70B319 Triadic#1970B3

Tints & Shades

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

Tints

#D61F87 #E43F9C #E963AF #EE87C1 #F3AAD3 #F9D2E8

Shades

#9C1662 #861354 #701046 #550C35 #3E0927 #280619

Use #B31970 in Our Tools

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