Dim Gray

#686A70

Color values

#686A70 color information

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

HEX

#686A70

RGB

rgb(104, 106, 112)

HSL

hsl(225, 4%, 42%)

Lighter

#898B8F

Light

#A7A9AC

Original

#686A70

Dark

#4F5155

Darker

#3C3D41

Use #686A70 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.