What color is Light Gray?
Light gray is a pale, neutral tone sitting just a step or two above white, hex #D3D3D3, with a soft, even cast that reads neither warm nor cool. It shares the quiet, matte quality of unbleached linen.
What is the meaning of the color Light Gray?
The English word gray has been recorded as a color term since at least 825 AD, making it one of the oldest color names in the language. Through the 19th century, light gray became a standard in tailoring and formal dress across Britain and Europe, valued for its restraint. The Bauhaus school, founded in Weimar in 1919, elevated neutral grays as a serious design principle, separating them from associations with dullness. Apple adopted light gray as a defining surface color in its aluminum product line from the mid-2000s onward, anchoring the tone to precision and minimalism.
What colors go with Light Gray?
Colors that pair well with Light gray include:
White: clean, open contrast
Navy blue: sharp, grounding depth
Blush pink: soft, gentle warmth
Charcoal: tonal, layered balance
Mustard yellow: warm, unexpected lift
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #D3D3D3 |
color: #D3D3D3;
|
| RGB | 211, 211, 211 |
color: rgb(211, 211, 211);
|
| RGB Percentage | 83%, 83%, 83% |
color: rgb(83%, 83%, 83%);
|
| CMYK | 0%, 0%, 0%, 17% | Not supported in CSS |
| HSL | 0°, 0%, 83% |
color: hsl(0, 0%, 83%);
|
| HSV | 0°, 0%, 83% | Not supported in CSS |
| CIE-LAB | 66, 0, 0 |
color: lab(66% 0 0);
|
| Decimal | 13882323 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.light-gray {
color: #D3D3D3;
}
$light-gray: #D3D3D3;
rgb(211, 211, 211)