Dim Gray

#676A7E

Color values

#676A7E color information

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

HEX

#676A7E

RGB

rgb(103, 106, 126)

HSL

hsl(232, 10%, 45%)

Lighter

#888B9A

Light

#A7A9B4

Original

#676A7E

Dark

#4E5160

Darker

#3C3D49

Use #676A7E 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.