Light Gray hex code
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%).
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%).
Light Gray · #D3D3D3
Colour codes
- HEX
- #D3D3D3
- RGB
- rgb(211, 211, 211)
- HSL
- hsl(0, 0%, 83%)
- CMYK
- 0, 0, 0, 17
- CSS name
- lightgray
- Contrast on white
- 1.50:1
- Contrast on black
- 14.03:1
Tints and shades
20% lighter · #dcdcdc
40% lighter · #e5e5e5
60% lighter · #ededed
80% lighter · #f6f6f6
20% darker · #a9a9a9
40% darker · #7f7f7f
60% darker · #545454
80% darker · #2a2a2a
Complementary colour
Light Gray · #D3D3D3
Opposite on the colour wheel · #d4d4d4
Frequently asked questions
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%).
Can I use light gray for text?
It has a contrast ratio of 1.50:1 on white and 14.03:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with light gray?
Its complementary colour, opposite on the colour wheel, is #D4D4D4. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of light gray instead.
Is light gray a CSS colour name?
Yes. CSS accepts the keyword lightgray, so color: lightgray and color: #D3D3D3 render exactly the same.