#DC6A81 Color

#DC6A81 is rgb(220, 106, 129) in RGB and hsl(348, 62%, 64%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#DC6A81

HEX#DC6A81

RGBrgb(220, 106, 129)

HSLhsl(348, 62%, 64%)

HSVhsv(348, 52%, 86%)

OKLCHoklch(66.5% 0.144 9.1)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DC6A81 Complementary#6ADCC5 Analogous#DC6ABA Analogous#DC8C6A Triadic#81DC6A Triadic#6A81DC

Tints & Shades

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

Tints

#E17F93 #E694A4 #EBA8B6 #EFB9C4 #F3CDD5 #F8E2E7

Shades

#D34562 #C22E4B #9D253D #7C1D30 #571422 #360D15

Use #DC6A81 in Our Tools

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