#884E81 Color

#884E81 is rgb(136, 78, 129) in RGB and hsl(307, 27%, 42%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#884E81

HEX#884E81

RGBrgb(136, 78, 129)

HSLhsl(307, 27%, 42%)

HSVhsv(307, 43%, 53%)

OKLCHoklch(51% 0.105 331.5)

CMYKcmyk(0%, 43%, 5%, 47%)

Text Contrast & Accessibility

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

TextWhite text6.08:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.45:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#884E81 Complementary#4E8855 Analogous#724E88 Analogous#884E64 Triadic#81884E Triadic#4E8188

Tints & Shades

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

Tints

#A25D9A #B177AA #C091BA #CFABCA #DDC5DB #ECDFEB

Shades

#784572 #643A5F #543050 #41253E #311C2E #1D111C

Use #884E81 in Our Tools

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