#DD5AD4 Color

#DD5AD4 is rgb(221, 90, 212) in RGB and hsl(304, 66%, 61%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#DD5AD4

HEX#DD5AD4

RGBrgb(221, 90, 212)

HSLhsl(304, 66%, 61%)

HSVhsv(304, 59%, 87%)

OKLCHoklch(67.8% 0.215 330.4)

CMYKcmyk(0%, 59%, 4%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DD5AD4 Complementary#5ADD63 Analogous#A45ADD Analogous#DD5A93 Triadic#D4DD5A Triadic#5AD4DD

Tints & Shades

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

Tints

#E26FDA #E788E0 #EB9EE6 #EFB3EB #F4C8F1 #F9E1F7

Shades

#D638CC #BE27B4 #9D2094 #771870 #551150 #330A30

Use #DD5AD4 in Our Tools

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