#CA0CAE Color

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

#CA0CAE

HEX#CA0CAE

RGBrgb(202, 12, 174)

HSLhsl(309, 89%, 42%)

HSVhsv(309, 94%, 79%)

OKLCHoklch(57.5% 0.25 336.4)

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

Text Contrast & Accessibility

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

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

TextBlack text4.18:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#CA0CAE Complementary#0CCA28 Analogous#880CCA Analogous#CA0C4F Triadic#AECA0C Triadic#0CAECA

Tints & Shades

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

Tints

#F10ECF #F335D7 #F55BDE #F882E6 #FAA8EE #FCCFF5

Shades

#B20A99 #950980 #7D076C #600653 #48043E #2B0325

Use #CA0CAE in Our Tools

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