#76876E Color

#76876E is rgb(118, 135, 110) in RGB and hsl(101, 10%, 48%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#76876E

HEX#76876E

RGBrgb(118, 135, 110)

HSLhsl(101, 10%, 48%)

HSVhsv(101, 19%, 53%)

OKLCHoklch(60.2% 0.042 135.6)

CMYKcmyk(13%, 0%, 19%, 47%)

Text Contrast & Accessibility

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

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

TextBlack text5.46:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#76876E Complementary#7F6E87 Analogous#82876E Analogous#6E8773 Triadic#6E7687 Triadic#876E76

Tints & Shades

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

Tints

#889881 #9BA894 #ADB8A8 #C2CABE #D5DAD2 #E7EAE6

Shades

#677660 #566250 #475143 #384135 #2A3027 #191C17

Use #76876E in Our Tools

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