#7C736A Color

#7C736A is rgb(124, 115, 106) in RGB and hsl(30, 8%, 45%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#7C736A

HEX#7C736A

RGBrgb(124, 115, 106)

HSLhsl(30, 8%, 45%)

HSVhsv(30, 15%, 49%)

OKLCHoklch(56.1% 0.018 67.5)

CMYKcmyk(0%, 7%, 15%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7C736A Complementary#6A737C Analogous#7C6A6A Analogous#7C7C6A Triadic#6A7C73 Triadic#736A7C

Tints & Shades

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

Tints

#91877E #A19991 #B4ADA7 #C4BFBA #D7D4D0 #E8E6E3

Shades

#6B635B #5B544D #4A453F #3D3834 #2C2926 #1C1A17

Use #7C736A in Our Tools

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