#D31772 Color

#D31772 is rgb(211, 23, 114) in RGB and hsl(331, 80%, 46%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#D31772

HEX#D31772

RGBrgb(211, 23, 114)

HSLhsl(331, 80%, 46%)

HSVhsv(331, 89%, 83%)

OKLCHoklch(56.8% 0.221 359.8)

CMYKcmyk(0%, 89%, 46%, 17%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D31772 Complementary#17D378 Analogous#D317D0 Analogous#D31B17 Triadic#72D317 Triadic#1772D3

Tints & Shades

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

Tints

#E72784 #EB4C99 #EF6CAB #F391C0 #F6B1D2 #FAD6E7

Shades

#B81463 #9C1154 #810E45 #650B37 #490828 #2E0519

Use #D31772 in Our Tools

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