Dim Gray

#56585E

Color values

#56585E color information

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

HEX

#56585E

RGB

rgb(86, 88, 94)

HSL

hsl(225, 4%, 35%)

Lighter

#7B7D81

Light

#9D9EA2

Original

#56585E

Dark

#414347

Darker

#323337

Use #56585E 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.