Slate Gray

#676C8C

Color values

#676C8C color information

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

HEX

#676C8C

RGB

rgb(103, 108, 140)

HSL

hsl(232, 15%, 48%)

Lighter

#888CA5

Light

#A7AABC

Original

#676C8C

Dark

#4E526A

Darker

#3C3F51

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