Skip to content

Dim Gray #696969

The gray that knows its place.

RGB
105, 105, 105
HSL
0°, 0%, 41%
CMYK
0, 0, 0, 59
Luminance
0.1413

About Dim Gray

Dim gray, #696969, is medium-dark gray — the CSS-named neutral just darker than middle. It is the reliable workhorse gray for secondary text and muted UI: present but never loud.

History

Dim gray is a purely functional name from the X11 color list; it became a staple secondary-text and icon color across the web precisely because it is unremarkable — gray that does its job and disappears.

Psychology

Dim gray reads neutral, understated and functional — gray with just enough depth to structure without demanding attention. It is interface plumbing made visible.

In design

Dim gray (#696969) is the reliable muted-text gray: passes AA on white (5.9:1), ideal for secondary copy, captions and icons. Pair with any accent; it is pure supporting neutral.

In culture

The "666666" of a thousand stylesheets, dim-gray captions and timestamps: the humble neutral that quietly carries half the web’s secondary text.

Brands that own dim gray

Shades of dim gray

Every format

HEX#696969
RGBrgb(105, 105, 105)
HSLhsl(0, 0%, 41%)
CMYKcmyk(0%, 0%, 0%, 59%)
LABlab(44.4 0.0 0.0)
LCHlch(44.4 0.0 180.0)
OKLCHoklch(0.521 0.000 89.9)

Copy-ready code

/* CSS */
color: #696969;
background-color: #696969;
/* Tailwind (arbitrary) */
class="text-[#696969] bg-[#696969]"
/* SCSS */
$brand: #696969;
/* SwiftUI */
Color(red: 0.412, green: 0.412, blue: 0.412)
/* Android */
Color.parseColor("#696969")

Accessibility — WCAG contrast

Aa
#696969 on white: 5.49:1
AA ✓ pass · AA-large · AAA
Aa
#696969 on black: 3.83:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red41.2%
Green41.2%
Blue41.2%

CMYK percentages

Cyan0.0%
Magenta0.0%
Yellow0.0%
Key (black)58.8%

Color previews

#696969 text on a black background

contrast 3.83:1

Card sample

#696969 text on a white background

contrast 5.49:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #696969;
Background color
Panel with #696969 background
background-color: #696969;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #696969;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(105, 105, 105, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(105, 105, 105, 0.45);
Border & gradient
Gradient panel
border: 3px solid #696969;
background: linear-gradient(135deg, #696969, #696969);

Monochromatic scale

Palettes built from #696969

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Dim Gray, answered

What is the hex code for dim gray?

CSS dimgray is #696969 — a medium-dark gray, slightly darker than middle gray #808080.

Is dim gray accessible for text?

Yes — #696969 reaches 5.9:1 on white, passing AA. It is a common secondary-text and caption color.

Dim gray vs gray vs dark gray?

Confusingly, CSS "darkgray" #a9a9a9 is LIGHTER than "gray" #808080; dim gray #696969 is the actually-darker one. A classic CSS gotcha.

Work with #696969 in the Color Lab