#CA076F Color

#CA076F is rgb(202, 7, 111) in RGB and hsl(328, 93%, 41%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#CA076F

HEX#CA076F

RGBrgb(202, 7, 111)

HSLhsl(328, 93%, 41%)

HSVhsv(328, 97%, 79%)

OKLCHoklch(54.7% 0.22 358.4)

CMYKcmyk(0%, 97%, 45%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA076F Complementary#07CA62 Analogous#C307CA Analogous#CA070E Triadic#6FCA07 Triadic#076FCA

Tints & Shades

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

Tints

#F10985 #F72B98 #F953AB #FA7FC1 #FCA6D4 #FDCEE7

Shades

#B10661 #940551 #7B0444 #620436 #4A0329 #2C0218

Use #CA076F in Our Tools

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