#8218A5 Color

#8218A5 is rgb(130, 24, 165) in RGB and hsl(285, 75%, 37%) in HSL. The closest CSS named color is DarkMagenta. White text is most readable on this background.

#8218A5

HEX#8218A5

RGBrgb(130, 24, 165)

HSLhsl(285, 75%, 37%)

HSVhsv(285, 85%, 65%)

OKLCHoklch(46.1% 0.209 315.3)

CMYKcmyk(21%, 85%, 0%, 35%)

Text Contrast & Accessibility

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

TextWhite text8.01:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.62:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#8218A5 Complementary#3BA518 Analogous#3B18A5 Analogous#A51882 Triadic#A58218 Triadic#18A582

Tints & Shades

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

Tints

#A11DCD #B632E2 #C45AE7 #D282ED #E1AAF3 #EDCEF8

Shades

#70148F #62127D #510F67 #3F0B50 #2E083A #200628

Use #8218A5 in Our Tools

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