#71685F Color (Hex and RGB)

#71685F

rgb(113 104 95) · reads as gray

#71685f has RGB values (113, 104, 95). The color reads primarily as gray in sRGB space.

Color values

FormatValueChannels
HEX#71685FR71G68B5F
RGBrgb(113 104 95)R113G104B95
HSLhsl(30 9% 41%)H30°S9%L41%
OKLCHoklch(52% 0.02 67)L0.52C0.02H67°
HSVhsv(30, 16%, 44%)H30°S16%V44%
CMYKcmyk(0%, 8%, 16%, 56%)C0%M8%Y16%K56%

RGB mix

  • Red113 44.31%
  • Green104 40.78%
  • Blue95 37.25%

Base numbers

BaseRGB
Binary011100010110100001011111
Octal161150137
Decimal11310495
Hex71685f

Shades & tints

Shades mix #71685F 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

#71685F on #FFFFFF

5.46:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#71685F on #000000

3.85:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#FFFFFF on #71685F

5.46:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #71685F

3.85:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Code snippets

  • CSScolor: #71685f;
  • Backgroundbackground-color: #71685f;
  • CSS variable--color-71685f: #71685f;
  • Modern CSScolor: oklch(52% 0.02 67);
  • SCSS$color-71685f: #71685f;
  • Tailwindbg-[#71685f] text-[#71685f]
  • HTML<div style="background-color: #71685f"></div>

Brands that use this color 1

↑