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.
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.
Analogous
As neighbors on the color wheel, analogous colors create a cohesive and serene palette with Dim Gray, producing a pleasing visual harmony.
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.
Split Complementary
A split complementary scheme for Dim Gray uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
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.
Tetradic
Using two pairs of complementary colors, a tetradic scheme offers a balanced yet dynamic palette built around the foundation of Dim Gray.
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.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Dim Gray produces shades, which introduce a sense of depth and gravity.
Tints
Tints are lighter variations of Dim Gray, created by adding white to soften the hue.
Tones
Tones of Dim Gray are created by adding gray, resulting in softer, less saturated variations.
Hues
Hues are variations of Dim Gray that differ in intensity or temperature, creating subtle shifts in mood.
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.
































































































































