#CC4AED Color

#CC4AED is rgb(204, 74, 237) in RGB and hsl(288, 82%, 61%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#CC4AED

HEX#CC4AED

RGBrgb(204, 74, 237)

HSLhsl(288, 82%, 61%)

HSVhsv(288, 69%, 93%)

OKLCHoklch(65.2% 0.248 318.7)

CMYKcmyk(14%, 69%, 0%, 7%)

Text Contrast & Accessibility

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

TextWhite text3.64:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#CC4AED Complementary#6BED4A Analogous#7B4AED Analogous#ED4ABC Triadic#EDCC4A Triadic#4AEDCC

Tints & Shades

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

Tints

#D361EF #DB7DF2 #E194F4 #E8ABF7 #EEC3F9 #F6DFFC

Shades

#C225E9 #AB15D1 #8D11AC #6B0D82 #4C095D #2E0638

Use #CC4AED in Our Tools

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