#9D2AEA Color

#9D2AEA is rgb(157, 42, 234) in RGB and hsl(276, 82%, 54%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#9D2AEA

HEX#9D2AEA

RGBrgb(157, 42, 234)

HSLhsl(276, 82%, 54%)

HSVhsv(276, 82%, 92%)

OKLCHoklch(56.3% 0.262 306.3)

CMYKcmyk(33%, 82%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9D2AEA Complementary#76EA2A Analogous#3D2AEA Analogous#EA2AD7 Triadic#EA9D2A Triadic#2AEA9D

Tints & Shades

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

Tints

#AA45ED #B966F0 #C582F3 #D29EF5 #DFB9F8 #EEDAFB

Shades

#8C16DA #7712BA #620F99 #4A0B74 #350854 #210533

Use #9D2AEA in Our Tools

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