#7A30BB Color

#7A30BB is rgb(122, 48, 187) in RGB and hsl(272, 59%, 46%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#7A30BB

HEX#7A30BB

RGBrgb(122, 48, 187)

HSLhsl(272, 59%, 46%)

HSVhsv(272, 74%, 73%)

OKLCHoklch(48.7% 0.205 303.8)

CMYKcmyk(35%, 74%, 0%, 27%)

Text Contrast & Accessibility

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

TextWhite text7.08:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#7A30BB Complementary#71BB30 Analogous#3530BB Analogous#BB30B6 Triadic#BB7A30 Triadic#30BB7A

Tints & Shades

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

Tints

#8C40CE #9F61D6 #B17DDE #C49EE6 #D5BAED #E9DBF6

Shades

#6A2AA2 #5A248A #4A1D72 #3A1759 #2A1141 #1B0A29

Use #7A30BB in Our Tools

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