#C31DA5 Color

#C31DA5 is rgb(195, 29, 165) in RGB and hsl(311, 74%, 44%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#C31DA5

HEX#C31DA5

RGBrgb(195, 29, 165)

HSLhsl(311, 74%, 44%)

HSVhsv(311, 85%, 76%)

OKLCHoklch(56.5% 0.233 337.4)

CMYKcmyk(0%, 85%, 15%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C31DA5 Complementary#1DC33C Analogous#8F1DC3 Analogous#C31D52 Triadic#A5C31D Triadic#1DA5C3

Tints & Shades

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

Tints

#DF2ABE #E449C7 #E96DD2 #EE90DD #F4B4E8 #F8D3F1

Shades

#A9198E #92167C #781265 #5D0E4F #430A38 #2C0725

Use #C31DA5 in Our Tools

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