#4D5255 Color (Hex and RGB)

#4D5255

rgb(77 82 85) · reads as gray

#4d5255 has RGB values (77, 82, 85). The color reads primarily as gray in sRGB space.

Color values

FormatValueChannels
HEX#4D5255R4DG52B55
RGBrgb(77 82 85)R77G82B85
HSLhsl(202 5% 32%)H202°S5%L32%
OKLCHoklch(44% 0.01 234)L0.44C0.01H234°
HSVhsv(202, 9%, 33%)H202°S9%V33%
CMYKcmyk(9%, 4%, 0%, 67%)C9%M4%Y0%K67%

RGB mix

  • Red77 30.2%
  • Green82 32.16%
  • Blue85 33.33%

Base numbers

BaseRGB
Binary010011010101001001010101
Octal115122125
Decimal778285
Hex4d5255

Shades & tints

Shades mix #4D5255 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

#4D5255 on #FFFFFF

7.91:1

AA ✓AAA ✓AA Large ✓AAA Large ✓

Aa

#4D5255 on #000000

2.65:1

AA ✕AAA ✕AA Large ✕AAA Large ✕

Aa

#FFFFFF on #4D5255

7.91:1

AA ✓AAA ✓AA Large ✓AAA Large ✓

Aa

#000000 on #4D5255

2.65:1

AA ✕AAA ✕AA Large ✕AAA Large ✕

Code snippets

  • CSScolor: #4d5255;
  • Backgroundbackground-color: #4d5255;
  • CSS variable--color-4d5255: #4d5255;
  • Modern CSScolor: oklch(44% 0.01 234);
  • SCSS$color-4d5255: #4d5255;
  • Tailwindbg-[#4d5255] text-[#4d5255]
  • HTML<div style="background-color: #4d5255"></div>

Brands that use this color 1

↑