#972BE3 Color

#972BE3 is rgb(151, 43, 227) in RGB and hsl(275, 77%, 53%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#972BE3

HEX#972BE3

RGBrgb(151, 43, 227)

HSLhsl(275, 77%, 53%)

HSVhsv(275, 81%, 89%)

OKLCHoklch(55% 0.254 305.7)

CMYKcmyk(33%, 81%, 0%, 11%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#972BE3 Complementary#78E32B Analogous#3A2BE3 Analogous#E32BD4 Triadic#E3972B Triadic#2BE397

Tints & Shades

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

Tints

#A446E7 #B366EB #C181EF #D0A0F3 #DEBBF6 #EDDBFA

Shades

#841BD0 #7017B0 #5C1390 #480F71 #340B51 #200632

Use #972BE3 in Our Tools

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