#CA0C68 Color

#CA0C68 is rgb(202, 12, 104) in RGB and hsl(331, 89%, 42%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#CA0C68

HEX#CA0C68

RGBrgb(202, 12, 104)

HSLhsl(331, 89%, 42%)

HSVhsv(331, 94%, 79%)

OKLCHoklch(54.5% 0.216 1.3)

CMYKcmyk(0%, 94%, 49%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA0C68 Complementary#0CCA6E Analogous#CA0CC7 Analogous#CA0F0C Triadic#68CA0C Triadic#0C68CA

Tints & Shades

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

Tints

#F10E7C #F33591 #F55BA6 #F882BB #FAA8D0 #FCCFE5

Shades

#B20A5C #95094D #7D0740 #600631 #480425 #2B0316

Use #CA0C68 in Our Tools

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