#D660DC Color

#D660DC is rgb(214, 96, 220) in RGB and hsl(297, 64%, 62%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#D660DC

HEX#D660DC

RGBrgb(214, 96, 220)

HSLhsl(297, 64%, 62%)

HSVhsv(297, 56%, 86%)

OKLCHoklch(67.9% 0.209 325.7)

CMYKcmyk(3%, 56%, 0%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D660DC Complementary#66DC60 Analogous#9860DC Analogous#DC60A4 Triadic#DCD660 Triadic#60DCD6

Tints & Shades

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

Tints

#DB75E1 #E18AE5 #E69FEA #EDB8EF #F2CDF4 #F7E2F9

Shades

#CD3FD5 #B529BC #95229B #751B79 #541358 #300B32

Use #D660DC in Our Tools

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