Gainsboro Gray

Extremely light silver-gray like thin mist and gauze, the soft light in 18th-century portraiture.

HEX#DCDCDC
RGBrgb(220, 220, 220)
HSLhsl(0, 0%, 86%)
HSVhsv(0, 0%, 86%)
CMYKcmyk(0%, 0%, 0%, 14%)
HEXA#DCDCDCFF
RGBArgba(220, 220, 220, 1)
HSLAhsla(0, 0%, 86%, 1)
OKLCHoklch(95.2%, 0, 90)
LCHlch(94.4%, 9.7, 214)

🎨 Color Palettes

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

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#454545Ratio 7:1AAA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#616161Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#7D7D7DRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#9E9E9ERatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#424242Copy
#5C5C5CCopy
#757575Copy
#8F8F8FCopy
#A8A8A8Copy
#C2C2C2Copy
#DBDBDBCopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#424242Copy
#5C5C5CCopy
#757575Copy
#8F8F8FCopy
#A8A8A8Copy
#C2C2C2Copy
#DBDBDBCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy
#DBDBDBCopy

💡 Use Cases

👰

Wedding Dress Design

A light gray-toned wedding dress, appearing more sophisticated than pure white, displaying a soft silver-gray sheen under light.

🛋️

French-style Soft Furnishings

Walls and linen sofa covers in Gainsboro Gray, paired with gilded mirrors, create a classical salon atmosphere.

💍

Jewelry Display

Jewelry box linings and display trays use Gainsboro Gray velvet cloth to gently accentuate the gemstones' radiance.

📖

Book Binding

Endpapers and title pages of hardcover books often use Gainsboro Gray paper, conveying a restrained literary taste.

📜 Origin & History

Gainsboro Gray is named after the 18th-century English portrait master Thomas Gainsborough. He was skilled at using a layer of extremely light silver-gray tone in the backgrounds of his paintings, making figures appear enveloped in a soft mist. This unique gray treatment became his signature technique.

Gainsborough's rival, Joshua Reynolds, once commented: 'There is light hidden in his grays.' This light gray is not lifeless but carries subtle warm and cold variations, capable of reflecting the luster of the subject's skin, giving portraits an unprecedented vividness.

In Victorian interior decoration, Gainsboro Gray became a popular color for the walls and mantelpieces of upper-class living rooms. Softer than pure white, it formed an elegant layered relationship with gilded picture frames and dark mahogany furniture.

When the W3C established web-safe color standards, it specifically named this light gray 'Gainsboro' to honor the British painter. In code, it sits between pure white and silver, an important tool color for designers when making subtle white-space treatments.

In contemporary weddings and women's fashion, Gainsboro Gray is imbued with romantic connotations. Wedding dress designers use it as a transition between champagne white and pure white, creating dreamy and high-end visual effects, continuing the朦胧 (hazy) elegance found in Gainsborough's paintings.

🧠 Color Psychology

GentleThe very light gray reduces visual impact, comforting and relaxing like a soft-spoken word.
RomanticIts mist-like haziness evokes the poetic imagination of the Victorian era, full of classical romanticism.
PureClose to white but with an added layer of texture, it is a沉淀 (settled) purity rather than a stark blankness.
NostalgicDeeply linked with 18th-century portraiture, it inherently carries a vintage filter and a sense of time's passage.
DelicateThe subtle silver-gray tone requires careful appreciation to capture, cultivating a keen aesthetic perception in the viewer.
TranscendentThe featherlight tone seems detached from earthly gravity, carrying a spiritual lightness and detachment.