#DD4AED Color

#DD4AED is rgb(221, 74, 237) in RGB and hsl(294, 82%, 61%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#DD4AED

HEX#DD4AED

RGBrgb(221, 74, 237)

HSLhsl(294, 82%, 61%)

HSVhsv(294, 69%, 93%)

OKLCHoklch(67.5% 0.255 323.7)

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

Text Contrast & Accessibility

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

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

TextBlack text6.28:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#DD4AED Complementary#5AED4A Analogous#8B4AED Analogous#ED4AAC Triadic#EDDD4A Triadic#4AEDDD

Tints & Shades

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

Tints

#E161EF #E67DF2 #EB94F4 #EFABF7 #F4C3F9 #F9DFFC

Shades

#D625E9 #BE15D1 #9C11AC #760D82 #54095D #330638

Use #DD4AED in Our Tools

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