- No data uploaded
- Instant results
Light Gray — #D3D3D3
Light Gray is the CSS named colour lightgray, hex #D3D3D3. It has a contrast ratio of 1.50:1 on white and 14.03:1 on black — best used as text on dark backgrounds.
Light Gray — #D3D3D3
Contrast on white 1.50:1 · on black 14.03:1
Tints
Shades
Complementary
Triadic
Analogous
Using Light Gray in code
CSS: color: lightgray; or color: #D3D3D3; · Tailwind: text-[#D3D3D3] · Android/Flutter: 0xFFD3D3D3
Light Gray colour harmonies
Complementary: #D3D3D3 · Triadic: #D3D3D3, #D3D3D3 · Analogous: #D3D3D3, #D3D3D3. Use tints for backgrounds and shades for hover states.
Light Gray in every colour format
| Format | Value |
|---|---|
| HEX | #D3D3D3 |
| RGB | rgb(211, 211, 211) |
| HSL | hsl(0, 0%, 83%) |
| HSV | hsv(0, 0%, 83%) |
| CMYK | cmyk(0%, 0%, 0%, 17%) |
| CSS name | lightgray |
| Contrast on white | 1.50:1 |
| Contrast on black | 14.03:1 |
Frequently asked questions
What is the hex code for Light Gray?
#D3D3D3 (CSS name: lightgray).
What is Light Gray in RGB?
rgb(211, 211, 211)
What colour goes well with Light Gray?
Its complementary colour #D3D3D3, or the analogous #D3D3D3 and #D3D3D3.