#DD5F63 Color

#DD5F63 is rgb(221, 95, 99) in RGB and hsl(358, 65%, 62%) in HSL. The closest CSS named color is IndianRed. Black text is most readable on this background.

#DD5F63

HEX#DD5F63

RGBrgb(221, 95, 99)

HSLhsl(358, 65%, 62%)

HSVhsv(358, 57%, 87%)

OKLCHoklch(64.5% 0.158 20.7)

CMYKcmyk(0%, 57%, 55%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DD5F63 Complementary#5FDDD9 Analogous#DD5FA2 Analogous#DD9A5F Triadic#63DD5F Triadic#5F63DD

Tints & Shades

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

Tints

#E27478 #E6898C #EA9EA1 #F0B7B9 #F4CDCE #F9E2E2

Shades

#D63D43 #BD282D #9C2125 #7A1A1D #581315 #320B0C

Use #DD5F63 in Our Tools

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