What is the hex code for Light Gray?

The hex code for Light Gray is #D3D3D3. In RGB that is rgb(211, 211, 211), and in HSL it is hsl(0, 0%, 83%).

What RGB values make Light Gray?

Light Gray is 211 red, 211 green, and 211 blue, written as rgb(211, 211, 211).

Light Gray scores 1.5:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: lightgray directly in CSS, which every browser resolves to #D3D3D3.

#D3D3D3

Light Gray is a gray tone at #D3D3D3. It sits at 0 degrees on the color wheel with 0% saturation and 83% lightness.

Color values

Tints mix Light Gray with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#F6F6F6

Tint 60%

#EDEDED

Tint 40%

#E5E5E5

Tint 20%

#DCDCDC

Base

#D3D3D3

Shade 20%

#A9A9A9

Shade 40%

#7F7F7F

Shade 60%

#545454

Shade 80%

#2A2A2A

On white

Sample text

1.5:1

Fails WCAG for text

On black

Sample text

14.03:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Light Gray?: The hex code for Light Gray is #D3D3D3. In RGB that is rgb(211, 211, 211), and in HSL it is hsl(0, 0%, 83%).
What RGB values make Light Gray?: Light Gray is 211 red, 211 green, and 211 blue, written as rgb(211, 211, 211).
Is Light Gray readable as text on a white background?: Light Gray scores 1.5:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Light Gray a valid CSS color name?: Yes. You can write color: lightgray directly in CSS, which every browser resolves to #D3D3D3.