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?

What is the meaning of Dim Gray?

How do I use Dim Gray (#696969) in UI design?

Using Dim Gray color codes

Dim Gray

#696969

Access our full UI & UX library today.

What color is Dim Gray?

What is the meaning of Dim Gray?

How do I use Dim Gray (#696969) in UI design?

Using Dim Gray color codes

Dim Gray Code Conversions

HEX

#696969

LAB

44, 0, 0

RGB

105, 105, 105

XYZ

13.4, 14.1, 15.4

HSL

0°, 0%, 41%

LCH

44, 0, 158°

HSB

0°, 0%, 41%

LUV

44, 0, 0

CMYK

0, 0, 0, 59

CMYK

0, 0, 0, 59

HWB

0°, 41%, 59%

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.

#696969

#696969

#696969

#696969

#696969

#696969

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.

#696969

#696969

#696969

#696969

Split Complementary

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

#696969

#696969

#696969

#696969

#696969

#696969

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.

#696969

#696969

#696969

#696969

#696969

#696969

Tetradic

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

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

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.

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

Dim Gray Contrast Simulation

Text Color

#

Background Color

#

5.49

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

5.49

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dim Gray Color Variations

Shades

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

#696969

#5A5A5A

#4B4B4B

#3C3C3C

#2D2D2D

#1E1E1E

#0F0F0F

#000000

#696969

#5A5A5A

#4B4B4B

#3C3C3C

#2D2D2D

#1E1E1E

#0F0F0F

#000000

Tints

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

#696969

#7E7E7E

#949494

#A9A9A9

#BFBFBF

#D4D4D4

#EAEAEA

#FFFFFF

#696969

#7E7E7E

#949494

#A9A9A9

#BFBFBF

#D4D4D4

#EAEAEA

#FFFFFF

Tones

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

#696969

#6C6C6C

#707070

#737373

#767676

#797979

#7D7D7D

#808080

#696969

#6C6C6C

#707070

#737373

#767676

#797979

#7D7D7D

#808080

Hues

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

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

#696969

What Interfaces Use Colors Like Dim Gray?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox