#C21981 Color

#C21981 is rgb(194, 25, 129) in RGB and hsl(323, 77%, 43%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#C21981

HEX#C21981

RGBrgb(194, 25, 129)

HSLhsl(323, 77%, 43%)

HSVhsv(323, 87%, 76%)

OKLCHoklch(54.5% 0.215 350.1)

CMYKcmyk(0%, 87%, 34%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C21981 Complementary#19C25A Analogous#AE19C2 Analogous#C2192D Triadic#81C219 Triadic#1981C2

Tints & Shades

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

Tints

#E22298 #E746A9 #EC6ABA #F08AC9 #F4AED9 #F9D2EA

Shades

#A7166F #901360 #750F4E #5F0C3F #44092D #2D061E

Use #C21981 in Our Tools

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