Slate Gray

#777C8E

Color values

#777C8E color information

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

HEX

#777C8E

RGB

rgb(119, 124, 142)

HSL

hsl(227, 9%, 51%)

Lighter

#9599A7

Light

#B0B3BD

Original

#777C8E

Dark

#5A5E6C

Darker

#454852

Use #777C8E 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.