#D166AD Color

#D166AD is rgb(209, 102, 173) in RGB and hsl(320, 54%, 61%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#D166AD

HEX#D166AD

RGBrgb(209, 102, 173)

HSLhsl(320, 54%, 61%)

HSVhsv(320, 51%, 82%)

OKLCHoklch(65.9% 0.158 341.9)

CMYKcmyk(0%, 51%, 17%, 18%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D166AD Complementary#66D18A Analogous#BF66D1 Analogous#D16678 Triadic#ADD166 Triadic#66ADD1

Tints & Shades

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

Tints

#D779B8 #DE91C4 #E4A5CF #EAB8D9 #F0CCE4 #F7E4F0

Shades

#C8469D #B13587 #912B6F #6E2154 #4F173C #2F0E24

Use #D166AD in Our Tools

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