#CCCCCC

204, 204, 204

Light Gray

A pale, airy gray perfect for subtle backgrounds, disabled states, and UI dividers. Neutral enough to let other colors breathe.

HEX#CCCCCC
RGB204, 204, 204
HSL0°, 0%, 80%
CMYK0%, 0%, 0%, 20%
CSS Variable--color: #CCCCCC;
Use in GeneratorCheck ContrastView on Wheel

Shades of Light Gray

#e6e6e6

#cccccc

#b3b3b3

#999999

#808080

#666666

#4c4c4c

#333333

#191919

Tints of Light Gray

#cccccc

#d1d1d1

#d6d6d6

#dadada

#dfdfdf

#e4e4e4

#e9e9e9

#ededed

#f2f2f2

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White1.61:1
AA NormalFailAAAFail

Sample Text

On Black13.08:1
AA NormalPassAAAPass
Full contrast analysis →

Black

#000000

Rich Black

#1A1A1A

Dark Gray

#333333

Gray

#666666

Silver

#999999

White Smoke

#F5F5F5