#C20A82 Color

#C20A82 is rgb(194, 10, 130) in RGB and hsl(321, 90%, 40%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#C20A82

HEX#C20A82

RGBrgb(194, 10, 130)

HSLhsl(321, 90%, 40%)

HSVhsv(321, 95%, 76%)

OKLCHoklch(54% 0.222 349.3)

CMYKcmyk(0%, 95%, 33%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C20A82 Complementary#0AC24A Analogous#A60AC2 Analogous#C20A26 Triadic#82C20A Triadic#0A82C2

Tints & Shades

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

Tints

#E90C9B #F42FAF #F655BE #F87CCD #FAA3DC #FCCFEC

Shades

#AA0971 #910861 #790651 #5C053E #44042D #2C021D

Use #C20A82 in Our Tools

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