#747676 Color (Hex and RGB)

#747676

rgb(116 118 118) · reads as gray

#747676 has RGB values (116, 118, 118). The color reads primarily as gray in sRGB space.

Color values

FormatValueChannels
HEX#747676R74G76B76
RGBrgb(116 118 118)R116G118B118
HSLhsl(180 1% 46%)H180°S1%L46%
OKLCHoklch(56% 0 197)L0.56C0H197°
HSVhsv(180, 2%, 46%)H180°S2%V46%
CMYKcmyk(2%, 0%, 0%, 54%)C2%M0%Y0%K54%

RGB mix

  • Red116 45.49%
  • Green118 46.27%
  • Blue118 46.27%

Base numbers

BaseRGB
Binary011101000111011001110110
Octal164166166
Decimal116118118
Hex747676

Shades & tints

Shades mix #747676 with black; tints mix it with white. Click any swatch to explore it.

Shades

Tints

Color harmonies

Complementary

Opposite on the color wheel — maximum contrast.

Analogous

Neighbors 30° either side — calm and cohesive.

Triadic

Three hues spaced 120° apart — vibrant balance.

Monochromatic

Same hue and saturation, different lightness.

Similar brand colors

The closest colors from our brand palettes, measured in OKLab.

Contrast & accessibility

WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.

Aa

#747676 on #FFFFFF

4.57:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#747676 on #000000

4.60:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #747676

4.57:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #747676

4.60:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

  • CSScolor: #747676;
  • Backgroundbackground-color: #747676;
  • CSS variable--color-747676: #747676;
  • Modern CSScolor: oklch(56% 0 197);
  • SCSS$color-747676: #747676;
  • Tailwindbg-[#747676] text-[#747676]
  • HTML<div style="background-color: #747676"></div>

Brands that use this color 1

↑