Light Gray

Light and airy like morning mist, soft and elegant yet full of breathability

HEX#D3D3D3
RGBrgb(211, 211, 211)
HSLhsl(0, 0%, 83%)
HSVhsv(0, 0%, 83%)
CMYKcmyk(0%, 0%, 0%, 17%)
HEXA#D3D3D3FF
RGBArgba(211, 211, 211, 1)
HSLAhsla(0, 0%, 83%, 1)
OKLCHoklch(93.9%, 0, 90)
LCHlch(92.9%, 9.6, 214)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#D4D4D4
Copy
#D3D3D3
Copy
#D4D4D4
Triadic3 hues spaced 120° apart
Copy
#D3D3D3
Copy
#D4D4D4
Copy
#D4D4D4
Split ComplementaryMain color + colors adjacent to its complement
Copy
#D3D3D3
Copy
#D4D4D4
Copy
#D4D4D4
Complementary2 hues spaced 180° apart
Copy
#D3D3D3
Copy
#D4D4D4
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#D3D3D3
Copy
#D4D4D4
Copy
#D4D4D4
Copy
#D4D4D4
MonochromaticSingle hue with varying saturation and lightness
Copy
#6E6E6E
Copy
#A1A1A1
Copy
#D3D3D3
Copy
#FFFFFF
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#404040Ratio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#5C5C5CRatio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#7A7A7ARatio 2.9:1Fail
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#969696Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#878787Copy
#A1A1A1Copy
#BABABACopy
#D4D4D4Copy
#E6E6E6Copy
#E6E6E6Copy
#E6E6E6Copy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#D8CFCFCopy
#D8CFCFCopy
#D8CFCFCopy
#D8CFCFCopy
#D8CFCFCopy
#DCCBCBCopy
#E1C7C7Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#A48484Copy
#B59B9BCopy
#C7B3B3Copy
#D8CACACopy
#DED3D3Copy
#DED3D3Copy
#DFD3D3Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#D4D4D4Copy
#D4D4D4Copy
#D4D4D4Copy
#D4D4D4Copy
#D4D4D4Copy
#D4D4D4Copy
#D4D4D4Copy

💡 Use Cases

🛋️

Soft Furnishings

A common choice for sofas and carpets in Nordic or Japanese styles. Large-area use expands the sense of space, creating a cozy, comfortable, and tasteful living environment.

👗

Knitwear

A top choice for high-end sweaters or cotton-linen shirts. More practical than pure white and slimming, yet gentler than dark colors, effortlessly exuding a serene, artsy aura.

🎨

Painting Base

As a background color for canvas or illustrations, it effectively reduces color clashes, providing visual resting areas for viewers and enhancing the work's sophistication and professionalism.

📖

Book Layout

In paper reading or on screens, a light gray background significantly reduces eye pressure, being more eye-friendly than pure white and creating an immersive reading experience.

📜 Origin & History

In traditional Chinese culture, light gray is often likened to the misty blur of sky-blue after rain. This tone, originating from the 'blank space' and light ink techniques of ink wash painting, reached its aesthetic peak in the Song Dynasty. The sky-blue and moon-white glazes of Song porcelain, though not purely gray, are saturated with the understated, restrained, and richly textured quality of light gray, embodying the literati's ultimate pursuit of 'bland' beauty.

In the architectural context of Jiangnan water towns, white walls and black tiles, weathered by time and soaked by rainy seasons, gradually lost their stark whiteness and evolved into a warm light gray. This color records the passage of time, carrying the life memories of generations and forming a vernacular aesthetic brimming with vitality.

In Western art history, light gray played an important role in classical drawing and chiaroscuro. Renaissance masters used silverpoint or charcoal on specially prepared gray-toned paper, employing light gray as the mid-tone, complemented by white highlights and black lines, to create classic works that possessed both three-dimensionality and soft transitions.

In 18th-century Europe, light gray became a key color during the transition from Rococo to Neoclassicism. From Madame de Pompadour's silk gowns to Georgian-style interiors in England, light gray represented rational elegance liberated from complex ornamentation, symbolizing the intellect and restraint of the tasteful class.

Entering 20th-century modernist architecture, in designs by figures like Mies van der Rohe, light gray concrete and glass curtain walls dissolved the boundaries between interior and exterior space. Here, light gray was no longer merely a backdrop but an artistic language emphasizing light, geometry, and void, possessing a strong sense of breathability and spirituality.

🧠 Color Psychology

Peaceful and HealingWith none of the stark contrast of black and white, light gray is extremely low in visual stimulation, gently enveloping emotions and offering a soothing effect on nerves and psyche.
Elegant and ComposedFree from heaviness, it carries an innate lightness, displaying an attitude of unhurried, graceful composure that is neither aggressive nor submissive.
Breathable and AiryHigh-value light gray effectively reflects light, breaking the sense of enclosed space and allowing sight and thought to flow freely, full of transparency.
Natural and UnadornedLike unpolished raw stone or weathered wood grain, light gray exudes a rustic breath of returning to nature, feeling approachable and relaxing.
Humble and PureIn minimalist aesthetics, it is the absolute supporting player, humbly enhancing the purity of the subject, steadfast in its inner discipline of not stealing the spotlight.
Imprint of TimeWith a slightly faded, aged trace, light gray seems to freeze old times, touching hazy memories and a faint sense of nostalgia for the past.