#7A657B Color

#7A657B is rgb(122, 101, 123) in RGB and hsl(297, 10%, 44%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#7A657B

HEX#7A657B

RGBrgb(122, 101, 123)

HSLhsl(297, 10%, 44%)

HSVhsv(297, 18%, 48%)

OKLCHoklch(53.5% 0.042 324.7)

CMYKcmyk(1%, 18%, 0%, 52%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7A657B Complementary#667B65 Analogous#6F657B Analogous#7B6571 Triadic#7B7A65 Triadic#657B7A

Tints & Shades

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

Tints

#907891 #A08CA1 #B2A2B3 #C5B9C6 #D8CFD8 #E8E3E8

Shades

#6A576B #5C4C5D #4B3E4C #3A303B #2A222A #1C171C

Use #7A657B in Our Tools

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