#707373 Color (Hex and RGB)

#707373

rgb(112 115 115) · reads as gray

#707373 has RGB values (112, 115, 115). The color reads primarily as gray in sRGB space.

Color values

FormatValueChannels
HEX#707373R70G73B73
RGBrgb(112 115 115)R112G115B115
HSLhsl(180 1% 45%)H180°S1%L45%
OKLCHoklch(55% 0 197)L0.55C0H197°
HSVhsv(180, 3%, 45%)H180°S3%V45%
CMYKcmyk(3%, 0%, 0%, 55%)C3%M0%Y0%K55%

RGB mix

  • Red112 43.92%
  • Green115 45.1%
  • Blue115 45.1%

Base numbers

BaseRGB
Binary011100000111001101110011
Octal160163163
Decimal112115115
Hex707373

Shades & tints

Shades mix #707373 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

#707373 on #FFFFFF

4.78:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#707373 on #000000

4.39:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#FFFFFF on #707373

4.78:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #707373

4.39:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Code snippets

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

Brands that use this color 1

↑