#DD1385 Color

#DD1385 is rgb(221, 19, 133) in RGB and hsl(326, 84%, 47%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#DD1385

HEX#DD1385

RGBrgb(221, 19, 133)

HSLhsl(326, 84%, 47%)

HSVhsv(326, 91%, 87%)

OKLCHoklch(59.1% 0.236 354.8)

CMYKcmyk(0%, 91%, 40%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DD1385 Complementary#13DD6A Analogous#CF13DD Analogous#DD1321 Triadic#85DD13 Triadic#1385DD

Tints & Shades

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

Tints

#EC2797 #EF4DA9 #F26EB9 #F58EC9 #F8AFD9 #FBD5EB

Shades

#C01174 #A40E63 #880C52 #67093E #4B072D #2F041C

Use #DD1385 in Our Tools

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