#C20A54 Color

#C20A54 is rgb(194, 10, 84) in RGB and hsl(336, 90%, 40%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#C20A54

HEX#C20A54

RGBrgb(194, 10, 84)

HSLhsl(336, 90%, 40%)

HSVhsv(336, 95%, 76%)

OKLCHoklch(52.5% 0.206 7.7)

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

Text Contrast & Accessibility

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

TextWhite text6.06:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#C20A54 Complementary#0AC278 Analogous#C20AAF Analogous#C21D0A Triadic#54C20A Triadic#0A54C2

Tints & Shades

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

Tints

#E90C64 #F42F7E #F65596 #F87CAE #FAA3C6 #FCCFE1

Shades

#AA0949 #91083F #790634 #5C0528 #44041D #2C0213

Use #C20A54 in Our Tools

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