Slate Gray

#707486

Color values

#707486 color information

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

HEX

#707486

RGB

rgb(112, 116, 134)

HSL

hsl(229, 9%, 48%)

Lighter

#8F93A1

Light

#ACAEB9

Original

#707486

Dark

#555866

Darker

#41434E

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