#7A3BBA Color

#7A3BBA is rgb(122, 59, 186) in RGB and hsl(270, 52%, 48%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#7A3BBA

HEX#7A3BBA

RGBrgb(122, 59, 186)

HSLhsl(270, 52%, 48%)

HSVhsv(270, 68%, 73%)

OKLCHoklch(49.9% 0.191 302.7)

CMYKcmyk(34%, 68%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7A3BBA Complementary#7ABA3B Analogous#3B3BBA Analogous#BA3BBA Triadic#BA7A3B Triadic#3BBA7A

Tints & Shades

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

Tints

#8C51C8 #9E6CD0 #B087D9 #C4A6E3 #D6C1EB #E8DCF4

Shades

#6B33A3 #592B88 #4A2370 #3B1C59 #2B1542 #190C27

Use #7A3BBA in Our Tools

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