#CA026D Color

#CA026D is rgb(202, 2, 109) in RGB and hsl(328, 98%, 40%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#CA026D

HEX#CA026D

RGBrgb(202, 2, 109)

HSLhsl(328, 98%, 40%)

HSVhsv(328, 99%, 79%)

OKLCHoklch(54.5% 0.221 359)

CMYKcmyk(0%, 99%, 46%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA026D Complementary#02CA5F Analogous#C302CA Analogous#CA0209 Triadic#6DCA02 Triadic#026DCA

Tints & Shades

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

Tints

#F20282 #FD2699 #FD4EAC #FE77BF #FE9FD2 #FECDE7

Shades

#B1025F #970251 #7E0144 #600134 #470126 #2D0018

Use #CA026D in Our Tools

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