Slate Blue

#6976BC

Color values

#6976BC color information

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

HEX

#6976BC

RGB

rgb(105, 118, 188)

HSL

hsl(231, 38%, 57%)

Lighter

#8A94CB

Light

#A8B0D8

Original

#6976BC

Dark

#505A8F

Darker

#3D446D

Use #6976BC 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.