#8A54B0 Color

#8A54B0 is rgb(138, 84, 176) in RGB and hsl(275, 37%, 51%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#8A54B0

HEX#8A54B0

RGBrgb(138, 84, 176)

HSLhsl(275, 37%, 51%)

HSVhsv(275, 52%, 69%)

OKLCHoklch(54.6% 0.147 309.5)

CMYKcmyk(22%, 52%, 0%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#8A54B0 Complementary#7AB054 Analogous#5C54B0 Analogous#B054A9 Triadic#B08A54 Triadic#54B08A

Tints & Shades

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

Tints

#9B6CBC #A981C5 #BA9AD0 #CAB2DC #DBCBE7 #E9E0F1

Shades

#77479A #673D85 #54326C #412754 #2E1B3B #1E1226

Use #8A54B0 in Our Tools

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