#973AE4 Color

#973AE4 is rgb(151, 58, 228) in RGB and hsl(273, 76%, 56%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#973AE4

HEX#973AE4

RGBrgb(151, 58, 228)

HSLhsl(273, 76%, 56%)

HSVhsv(273, 75%, 89%)

OKLCHoklch(56.4% 0.241 304.5)

CMYKcmyk(34%, 75%, 0%, 11%)

Text Contrast & Accessibility

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

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

TextBlack text4.04:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#973AE4 Complementary#86E43A Analogous#423AE4 Analogous#E43ADC Triadic#E4973A Triadic#3AE497

Tints & Shades

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

Tints

#A554E8 #B46FEB #C28AEF #D0A5F3 #DEC0F6 #ECDBFA

Shades

#861EDC #7019B8 #5D1599 #471075 #340C55 #1E0731

Use #973AE4 in Our Tools

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