#7C857A

Gray

HEX

RGB

HSL

About #7C857A Gray

#7C857A is a gray color. In the RGB color model, it is composed of 124 red, 133 green, and 122 blue. In the HSL color space, it has a hue of 109°, saturation of 4%, and lightness of 50%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With low saturation, it appears muted and subtle.

CSS Code

Use #7C857A in your CSS, SCSS, or Tailwind projects.

Color Properties

109°

Hue

4%

Saturation

50%

Lightness

Gray

Color Harmonies

Colors that work well with #7C857A based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #7C857A against white and black backgrounds.

Aa#7C857A on White
Contrast Ratio3.82:1
AA AA Large AAA
Aa#7C857A on Black
Contrast Ratio5.49:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #7C857A across different color formats.

FormatValue
HEX#7C857A
RGBrgb(124, 133, 122)
HSLhsl(109, 4%, 50%)
RGB Decimal124, 133, 122
RGB Percent48.6%, 52.2%, 47.8%
CMYK (approx.)7%, 0%, 8%, 48%

Related Palettes

12 palettes using #7C857A or similar colors

#DAE2B6#CCD6A6#A1C298#6D8B74
#F39C12#D35400#C0392B#7F8C8D
#ECF0F1#BDC3C7#95A5A6#7F8C8D
#95A5A6#7F8C8D#34495E#2C3E50
#E67E22#D35400#95A5A6#7F8C8D
#2ECC71#27AE60#95A5A6#7F8C8D
#F0EBE3#E4DCCF#7D6E83#555273
#1B2211#3D521F#5C713D#7A8D5E
#FAF0E6#CEAB93#AD8B73#886F68
#5A6732#738A5C#8AB87A#A9D5A9
#356449#5C8A7B#7DB5B2#ACCBD3
#625337#8A855C#B1BB77#C3D1AD