Dim Gray

The faded gray after light recedes, understated and restrained, never seeking attention.

HEX#696969
RGBrgb(105, 105, 105)
HSLhsl(0, 0%, 41%)
HSVhsv(0, 0%, 41%)
CMYKcmyk(0%, 0%, 0%, 59%)
HEXA#696969FF
RGBArgba(105, 105, 105, 1)
HSLAhsla(0, 0%, 41%, 1)
OKLCHoklch(74.4%, 0, 90)
LCHlch(70.3%, 7.6, 214)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#696969
Copy
#696969
Copy
#696969
Triadic3 hues spaced 120° apart
Copy
#696969
Copy
#696969
Copy
#696969
Split ComplementaryMain color + colors adjacent to its complement
Copy
#696969
Copy
#696969
Copy
#696969
Complementary2 hues spaced 180° apart
Copy
#696969
Copy
#696969
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#696969
Copy
#696969
Copy
#696969
Copy
#696969
MonochromaticSingle hue with varying saturation and lightness
Copy
#030303
Copy
#363636
Copy
#696969
Copy
#9C9C9C
Copy
#CFCFCF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 5.5:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#E8E8E8Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#BFBFBFRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#9C9C9CRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#1F1F1FCopy
#2B2B2BCopy
#383838Copy
#454545Copy
#4F4F4FCopy
#5C5C5CCopy
#696969Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#696969Copy
#696969Copy
#696969Copy
#696969Copy
#696969Copy
#696969Copy
#696969Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#1F1F1FCopy
#2B2B2BCopy
#383838Copy
#454545Copy
#4F4F4FCopy
#5C5C5CCopy
#696969Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#696969Copy
#696969Copy
#696969Copy
#696969Copy
#696969Copy
#696969Copy
#696969Copy

💡 Use Cases

📝

Document Backgrounds

Eye-protection modes in text editors and reading software often use a Dim Gray background to reduce visual fatigue during long reading sessions.

👖

Casual Trousers

Dim Gray chino pants are a basic item in a man's wardrobe—understated, versatile, and suitable for various informal occasions.

🏛️

Public Spaces

Subway stations and parking garage floors often use Dim Gray epoxy flooring, which is dirt-resistant and conveys a calm, orderly spatial feeling.

🎨

Oil Painting Underpainting

Using Dim Gray as an underpainting or preliminary sketch helps painters accurately judge the value and temperature relationships of colors.

📜 Origin & History

Dim Gray was officially included as a web standard color by the W3C in 1999. The word 'Dim' in English means 'faint' or 'murky,' accurately describing this gray's quality under insufficient light; it became a common base color in early internet interface design.

In traditional painting, Dim Gray is a key technical element of chiaroscuro. Renaissance master Leonardo da Vinci extensively used Dim Gray to render rocks and shadows in 'The Virgin of the Rocks,' creating unprecedented spatial depth and a mysterious atmosphere.

During the 19th-century Industrial Revolution, Dim Gray became the dominant color of cities. The atmospheres of industrial cities like London and Manchester were filled with coal smoke, and building exteriors gradually became coated with a layer of Dim Gray deposits, inadvertently shaping the urban aesthetic of the industrial age.

Entering the modern era, Dim Gray holds a prominent place in photographic art. Ansel Adams' Zone System defines Dim Gray roughly as Zone V, just below middle gray, a crucial link connecting highlights and shadows in the tonal composition of black-and-white photography.

🧠 Color Psychology

Low-keyIt automatically retreats to the periphery of visual attention, not vying for the spotlight, providing the best foil for other colors.
ConservativeA safe choice lacking adventurous spirit, suitable for occasions requiring neutrality and non-commitment.
SimpleRejects gloss and embellishment, returning to the material itself, embodying a simple and unadorned attitude towards life.
Time-wornThe dim hue hints at the wear of time, evoking feelings of nostalgia for old objects and bygone days.
ReliableA稳重 (steady) feeling that is neither frivolous nor oppressive, offering a psychological suggestion of being dependable.
InclusiveAs a background color, it can accommodate all colors without conflict, a universally versatile transitional color in design.