Light Gray

#CCCDD3

Color values

#CCCDD3 color information

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

HEX

#CCCDD3

RGB

rgb(204, 205, 211)

HSL

hsl(231, 7%, 81%)

Lighter

#D7D8DD

Light

#E1E2E5

Original

#CCCDD3

Dark

#9B9CA0

Darker

#76777A

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