#C520A2 Color

#C520A2 is rgb(197, 32, 162) in RGB and hsl(313, 72%, 45%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#C520A2

HEX#C520A2

RGBrgb(197, 32, 162)

HSLhsl(313, 72%, 45%)

HSVhsv(313, 84%, 77%)

OKLCHoklch(56.8% 0.23 339)

CMYKcmyk(0%, 84%, 18%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C520A2 Complementary#20C544 Analogous#9720C5 Analogous#C5204F Triadic#A2C520 Triadic#20A2C5

Tints & Shades

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

Tints

#DD31B8 #E250C3 #E873CF #ED91D9 #F3B4E5 #F8D3F0

Shades

#AB1C8C #911876 #761361 #60104F #460B39 #2C0724

Use #C520A2 in Our Tools

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