#C530AF Color

#C530AF is rgb(197, 48, 175) in RGB and hsl(309, 61%, 48%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#C530AF

HEX#C530AF

RGBrgb(197, 48, 175)

HSLhsl(309, 61%, 48%)

HSVhsv(309, 76%, 77%)

OKLCHoklch(58.5% 0.225 334.9)

CMYKcmyk(0%, 76%, 11%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C530AF Complementary#30C546 Analogous#9130C5 Analogous#C53064 Triadic#AFC530 Triadic#30AFC5

Tints & Shades

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

Tints

#D246BD #D963C7 #E080D2 #E8A1DD #EFBDE8 #F6DAF2

Shades

#AC2A99 #90237F #771D6A #5E1754 #46113E #290A24

Use #C530AF in Our Tools

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