Gray

#777986

Color values

#777986 color information

#777986 is closest to Gray. Use these HEX, RGB, and HSL values in CSS, design systems, brand palettes, and palette generator workflows.

HEX

#777986

RGB

rgb(119, 121, 134)

HSL

hsl(232, 6%, 50%)

Lighter

#9596A1

Light

#B0B1B9

Original

#777986

Dark

#5A5C66

Darker

#45464E

Use #777986 as a brand accent, illustration tone, background tint, or button color. Check contrast before placing text over it.

Pair it with one lighter shade for surfaces and one darker shade for hover states, borders, or emphasis.

Need colors from an image? Use the Paletify image color picker to generate a complete palette from photos, screenshots, and artwork.