#9A31B4 Color

#9A31B4 is rgb(154, 49, 180) in RGB and hsl(288, 57%, 45%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#9A31B4

HEX#9A31B4

RGBrgb(154, 49, 180)

HSLhsl(288, 57%, 45%)

HSVhsv(288, 73%, 71%)

OKLCHoklch(52.5% 0.207 318.8)

CMYKcmyk(14%, 73%, 0%, 29%)

Text Contrast & Accessibility

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

TextWhite text6.05:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#9A31B4 Complementary#4CB431 Analogous#5931B4 Analogous#B4318D Triadic#B49A31 Triadic#31B49A

Tints & Shades

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

Tints

#B043CB #BC5FD3 #C97FDC #D59BE4 #E2BBEC #EED7F4

Shades

#852B9C #712484 #5C1E6C #4B1858 #371240 #220B28

Use #9A31B4 in Our Tools

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