#C502AB Color

#C502AB is rgb(197, 2, 171) in RGB and hsl(308, 98%, 39%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#C502AB

HEX#C502AB

RGBrgb(197, 2, 171)

HSLhsl(308, 98%, 39%)

HSVhsv(308, 99%, 77%)

OKLCHoklch(56.3% 0.249 335.9)

CMYKcmyk(0%, 99%, 13%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C502AB Complementary#02C51C Analogous#7D02C5 Analogous#C50249 Triadic#ABC502 Triadic#02ABC5

Tints & Shades

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

Tints

#ED02CE #FD21DF #FD49E5 #FE77EC #FE9FF1 #FECDF8

Shades

#AC0295 #92017F #790169 #600153 #47013D #2D0027

Use #C502AB in Our Tools

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