#C70F90 Color

#C70F90 is rgb(199, 15, 144) in RGB and hsl(318, 86%, 42%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#C70F90

HEX#C70F90

RGBrgb(199, 15, 144)

HSLhsl(318, 86%, 42%)

HSVhsv(318, 92%, 78%)

OKLCHoklch(55.6% 0.23 345.5)

CMYKcmyk(0%, 92%, 28%, 22%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C70F90 Complementary#0FC746 Analogous#A20FC7 Analogous#C70F34 Triadic#90C70F Triadic#0F90C7

Tints & Shades

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

Tints

#ED12AB #F038B9 #F35EC6 #F684D4 #F9AAE1 #FBD0EE

Shades

#AF0D7F #930B6A #7B0959 #5F0745 #470533 #2B031F

Use #C70F90 in Our Tools

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