Gray

#828166

Color values

#828166 color information

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

HEX

#828166

RGB

rgb(130, 129, 102)

HSL

hsl(58, 12%, 45%)

Lighter

#9E9D88

Light

#B7B6A6

Original

#828166

Dark

#63624E

Darker

#4B4B3B

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