Light Gray
Light Gray, hex code #D3D3D3, is a quiet yet essential neutral in any designer's toolkit. Its subtle character provides a clean, unobtrusive foundation, allowing other design elements to take center stage while maintaining a sophisticated and modern feel.
Light Gray Code Conversions
HEX
#D3D3D3
LAB
85, 0, 0
RGB
211, 211, 211
XYZ
61.9, 65.1, 70.9
HSL
0°, 0%, 83%
LCH
85, 0, 158°
HSB
0°, 0%, 83%
LUV
85, 0, 0
HWB
0°, 83%, 17%
Light Gray Color Harmonies
Analogous
By pairing Light Gray with its adjacent hues on the color wheel, you create an analogous scheme that feels both unified and tranquil.
Complementary
Complementary colors are direct opposites on the color wheel. Paired with a neutral like Light Gray, they create a high-contrast, vibrant visual relationship.
Split Complementary
For Light Gray, a split complementary scheme uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
A triadic color scheme for Light Gray uses two additional colors, all equally spaced on the color wheel, creating a vibrant, high-contrast palette.
Tetradic
A tetradic scheme for Light Gray creates a rich palette by pairing it with three other colors, forming a rectangle of complementary hues.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With Light Gray, this creates a vibrant, high-contrast palette.
Light Gray Contrast Simulation
Light Gray Color Variations
Shades
Shades are darker versions of Light Gray, made by adding black for depth and weight.
Tints
Tints of Light Gray are created by adding white, producing progressively lighter, softer tones.
Tones
Tones are created by adding gray to Light Gray, producing softer, more subtle variations.
Hues
Hues are variations of Light Gray that differ in temperature, subtly altering its mood.
What Interfaces Use Colors Like Light Gray?































