#974E8E Color

#974E8E is rgb(151, 78, 142) in RGB and hsl(307, 32%, 45%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#974E8E

HEX#974E8E

RGBrgb(151, 78, 142)

HSLhsl(307, 32%, 45%)

HSVhsv(307, 48%, 59%)

OKLCHoklch(53.5% 0.128 332)

CMYKcmyk(0%, 48%, 6%, 41%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#974E8E Complementary#4E9757 Analogous#7B4E97 Analogous#974E6A Triadic#8F974E Triadic#4E8F97

Tints & Shades

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

Tints

#AE61A5 #BA78B2 #C893C1 #D4ABCF #E2C6DE #EEDDEC

Shades

#83447C #6F3969 #5B2F56 #4A2646 #361C33 #221120

Use #974E8E in Our Tools

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