#884FAB Color

#884FAB is rgb(136, 79, 171) in RGB and hsl(277, 37%, 49%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#884FAB

HEX#884FAB

RGBrgb(136, 79, 171)

HSLhsl(277, 37%, 49%)

HSVhsv(277, 54%, 67%)

OKLCHoklch(53.3% 0.149 310.9)

CMYKcmyk(20%, 54%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#884FAB Complementary#72AB4F Analogous#5A4FAB Analogous#AB4FA0 Triadic#AB884F Triadic#4FAB88

Tints & Shades

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

Tints

#9865B8 #A97EC4 #B996CF #C9AFDA #DAC7E5 #EAE0F1

Shades

#774596 #643A7E #533069 #402550 #2F1B3B #1C1023

Use #884FAB in Our Tools

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