#884EA6 Color

#884EA6 is rgb(136, 78, 166) in RGB and hsl(280, 36%, 48%) in HSL. The closest CSS named color is RebeccaPurple. White text is most readable on this background.

#884EA6

HEX#884EA6

RGBrgb(136, 78, 166)

HSLhsl(280, 36%, 48%)

HSVhsv(280, 53%, 65%)

OKLCHoklch(52.9% 0.144 312.9)

CMYKcmyk(18%, 53%, 0%, 35%)

Text Contrast & Accessibility

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

TextWhite text5.7:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#884EA6 Complementary#6CA64E Analogous#5D4EA6 Analogous#A64E98 Triadic#A6894E Triadic#4EA689

Tints & Shades

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

Tints

#9A63B6 #AA7BC1 #B993CC #CBAFD9 #DBC8E5 #EBE0F0

Shades

#784592 #643979 #532F65 #422650 #311C3B #1D1023

Use #884EA6 in Our Tools

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