Gray

#89887C

Color values

#89887C color information

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

HEX

#89887C

RGB

rgb(137, 136, 124)

HSL

hsl(55, 5%, 51%)

Lighter

#A3A299

Light

#BBBAB3

Original

#89887C

Dark

#68675E

Darker

#4F4F48

Use #89887C 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.