#757575 Color (Hex and RGB)

#757575

rgb(117 117 117) · reads as gray

#757575 has RGB values (117, 117, 117). The color reads primarily as gray in sRGB space.

Color values

FormatValueChannels
HEX#757575R75G75B75
RGBrgb(117 117 117)R117G117B117
HSLhsl(0 0% 46%)H0°S0%L46%
OKLCHoklch(56% 0 90)L0.56C0H90°
HSVhsv(0, 0%, 46%)H0°S0%V46%
CMYKcmyk(0%, 0%, 0%, 54%)C0%M0%Y0%K54%

RGB mix

  • Red117 45.88%
  • Green117 45.88%
  • Blue117 45.88%

Base numbers

BaseRGB
Binary011101010111010101110101
Octal165165165
Decimal117117117
Hex757575

Shades & tints

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

#757575 on #FFFFFF

4.61:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#757575 on #000000

4.56:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #757575

4.61:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #757575

4.56:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

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

Brands that use this color 6

↑