#D96D98 Color

#D96D98 is rgb(217, 109, 152) in RGB and hsl(336, 59%, 64%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#D96D98

HEX#D96D98

RGBrgb(217, 109, 152)

HSLhsl(336, 59%, 64%)

HSVhsv(336, 50%, 85%)

OKLCHoklch(67.2% 0.143 356.5)

CMYKcmyk(0%, 50%, 30%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D96D98 Complementary#6DD9AE Analogous#D96DCF Analogous#D9786D Triadic#98D96D Triadic#6D98D9

Tints & Shades

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

Tints

#DF81A7 #E496B5 #E9AAC3 #EDBACF #F2CEDD #F8E3EB

Shades

#D0497F #BF316A #9A2855 #7A1F43 #55162F #350E1D

Use #D96D98 in Our Tools

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