Gray

#7F8186

Color values

#7F8186 color information

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

HEX

#7F8186

RGB

rgb(127, 129, 134)

HSL

hsl(223, 3%, 51%)

Lighter

#9B9DA1

Light

#B5B6B9

Original

#7F8186

Dark

#616266

Darker

#4A4B4E

Use #7F8186 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.