#CA12B4 Color

#CA12B4 is rgb(202, 18, 180) in RGB and hsl(307, 84%, 43%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#CA12B4

HEX#CA12B4

RGBrgb(202, 18, 180)

HSLhsl(307, 84%, 43%)

HSVhsv(307, 91%, 79%)

OKLCHoklch(58% 0.251 334.6)

CMYKcmyk(0%, 91%, 11%, 21%)

Text Contrast & Accessibility

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

TextWhite text4.93:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#CA12B4 Complementary#12CA27 Analogous#8312CA Analogous#CA1258 Triadic#B4CA12 Triadic#12B4CA

Tints & Shades

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

Tints

#EB19D3 #EE3FDA #F264E1 #F485E7 #F8ABEF #FBD0F6

Shades

#AE0F9B #960D86 #7A0B6D #630958 #46063F #2F042A

Use #CA12B4 in Our Tools

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