#7F7F7F Color (Hex and RGB)

#7F7F7F

rgb(127 127 127) · reads as gray

#7f7f7f has RGB values (127, 127, 127). The color reads primarily as gray in sRGB space.

Color values

FormatValueChannels
HEX#7F7F7FR7FG7FB7F
RGBrgb(127 127 127)R127G127B127
HSLhsl(0 0% 50%)H0°S0%L50%
OKLCHoklch(60% 0 90)L0.6C0H90°
HSVhsv(0, 0%, 50%)H0°S0%V50%
CMYKcmyk(0%, 0%, 0%, 50%)C0%M0%Y0%K50%

RGB mix

  • Red127 49.8%
  • Green127 49.8%
  • Blue127 49.8%

Base numbers

BaseRGB
Binary011111110111111101111111
Octal177177177
Decimal127127127
Hex7f7f7f

Shades & tints

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

#7F7F7F on #FFFFFF

4.00:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#7F7F7F on #000000

5.24:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #7F7F7F

4.00:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#000000 on #7F7F7F

5.24:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

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

Brands that use this color 1

↑