#7A749A Color

#7A749A is rgb(122, 116, 154) in RGB and hsl(249, 16%, 53%) in HSL. The closest CSS named color is SlateGray. Black text is most readable on this background.

#7A749A

HEX#7A749A

RGBrgb(122, 116, 154)

HSLhsl(249, 16%, 53%)

HSVhsv(249, 25%, 60%)

OKLCHoklch(57.9% 0.058 291.7)

CMYKcmyk(21%, 25%, 0%, 40%)

Text Contrast & Accessibility

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

TextWhite text4.38:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#7A749A Complementary#959A74 Analogous#74819A Analogous#8D749A Triadic#9A7A74 Triadic#749A7A

Tints & Shades

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

Tints

#8B86A7 #9F9AB6 #B0ACC3 #C3C1D2 #D4D3DF #E8E7EE

Shades

#686388 #585473 #48455F #39364A #292735 #191821

Use #7A749A in Our Tools

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