Light Gray

#CBCCCC

Color values

#CBCCCC color information

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

HEX

#CBCCCC

RGB

rgb(203, 204, 204)

HSL

hsl(180, 1%, 80%)

Lighter

#D6D7D7

Light

#E1E1E1

Original

#CBCCCC

Dark

#9A9B9B

Darker

#767676

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