#7A91AE Color

#7A91AE is rgb(122, 145, 174) in RGB and hsl(213, 24%, 58%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#7A91AE

HEX#7A91AE

RGBrgb(122, 145, 174)

HSLhsl(213, 24%, 58%)

HSVhsv(213, 30%, 68%)

OKLCHoklch(64.9% 0.051 254.4)

CMYKcmyk(30%, 17%, 0%, 32%)

Text Contrast & Accessibility

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

TextWhite text3.24:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.49:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#7A91AE Complementary#AE967A Analogous#7AABAE Analogous#7D7AAE Triadic#AE7A91 Triadic#91AE7A

Tints & Shades

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

Tints

#8DA1B9 #9DAEC3 #B0BECF #C3CDDA #D6DDE6 #E6EAEF

Shades

#617C9E #536B88 #44576F #344355 #252F3C #171E26

Use #7A91AE in Our Tools

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