#DC6AC5 Color

#DC6AC5 is rgb(220, 106, 197) in RGB and hsl(312, 62%, 64%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#DC6AC5

HEX#DC6AC5

RGBrgb(220, 106, 197)

HSLhsl(312, 62%, 64%)

HSVhsv(312, 52%, 86%)

OKLCHoklch(68.9% 0.178 335.6)

CMYKcmyk(0%, 52%, 10%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DC6AC5 Complementary#6ADC81 Analogous#BA6ADC Analogous#DC6A8C Triadic#C5DC6A Triadic#6AC5DC

Tints & Shades

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

Tints

#E17FCD #E694D5 #EBA8DD #EFB9E4 #F3CDEC #F8E2F4

Shades

#D345B7 #C22EA4 #9D2585 #7C1D69 #571449 #360D2D

Use #DC6AC5 in Our Tools

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