Dim Gray

Meet Dim Gray (#696969), a deep, muted neutral that stands as a sophisticated alternative to stark black. Its understated strength provides a solid foundation for palettes, offering a quiet confidence without demanding the spotlight, making it a versatile choice for modern interface design.

Dim Gray
#696969
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Dim Gray?

Dim Gray is a solid, medium-dark shade of gray, presenting a balanced tone that sits squarely between black and white.

As a pure, achromatic gray, it lacks strong undertones, appearing neither overtly warm nor cool, which gives it a stable, objective quality.

What is the meaning and psychology behind the color Dim Gray (#696969)?

Dim Gray is a color of neutrality and balance, often associated with formality, intellect, and solemnity. It communicates a sense of composure and stability, making it a reliable choice for conveying professionalism and authority.

Symbolically, this shade represents timelessness and quiet strength. It evokes a feeling of solid, dependable foundations and a reserved sophistication, steering clear of the extremes of black and white.

How can I best apply Dim Gray (#696969) in my UI design?

Dim Gray, with its hex code #696969, works well as a primary text color on light backgrounds, offering a softer alternative to pure black. It provides a stable foundation for vibrant accent colors to stand out, or it can be used with other neutrals to build a sophisticated monochromatic design.

Brands like Hinge, HotelTonight, OKX, Rive, and Co–Star use similar shades to project a modern and trustworthy feel. This suggests Dim Gray is a solid choice for interfaces aiming for a grounded, sophisticated appearance.

To see it in action, use the tools below to explore curated palettes, test color contrast for accessibility, and preview Dim Gray in real UI components from top brands.

Using Dim Gray color codes?

When working with Dim Gray, its hex code #696969 is your starting point for most digital work. Because it's a balanced, mid-range gray, its appearance can shift slightly across different displays and color profiles, so it's always wise to check your final output on multiple devices.

To apply Dim Gray across different media, you'll need to convert its hex code. For digital screens, you'll use its RGB values, which dictate the intensity of red, green, and blue light. For physical products or print, the CMYK values are critical, as they correspond to the ink colors used in printing. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments during the design process.

We've converted #696969 to a range of popular formats for you. Find the exact values you need for your project below and simply copy them to your clipboard.

Dim Gray Code Conversions

HEX
#696969
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Dim Gray Color Harmonies

Analogous

As neighbors on the color wheel, analogous colors create a cohesive and serene palette with Dim Gray, producing a pleasing visual harmony.

#123456
#123456
#123456

Complementary

To find Dim Gray's complements, look directly across the color wheel. These opposing hues produce a vibrant, attention-grabbing combination when placed together.

#123456
#123456

Split Complementary

A split complementary scheme for Dim Gray uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#123456
#123456
#123456

Triadic

A triadic color scheme uses three hues equally spaced on the color wheel. With Dim Gray, this creates a vibrant and balanced high-contrast palette.

#123456
#123456
#123456

Tetradic

Using two pairs of complementary colors, a tetradic scheme offers a balanced yet dynamic palette built around the foundation of Dim Gray.

#123456
#123456
#123456
#123456

Square

A square color scheme places four colors equidistant on the color wheel. Based on Dim Gray, this creates a vibrant, high-contrast, and balanced palette.

#123456
#123456
#123456
#123456

Dim Gray Color Variations

Shades

Adding black to Dim Gray produces shades, which introduce a sense of depth and gravity.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter variations of Dim Gray, created by adding white to soften the hue.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Dim Gray are created by adding gray, resulting in softer, less saturated variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Dim Gray that differ in intensity or temperature, creating subtle shifts in mood.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Dim Gray?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion