Dark Gray

HEX: #A9A9A9 | Modern Palette

On White
2.35:1
FAIL
On Black
8.94:1
PASS

Color Specifications

HEX
#A9A9A9
RGB
169, 169, 169
HSL
0°, 0% ,66%
CMYK
0, 0, 0, 34

About Dark Gray

Dark Gray (#A9A9A9) is a color with RGB(169, 169, 169) and HSL(0°, 0%, 66.3%). It is commonly associated with Minimal moods. In design, it fits Monochrome, Muted styles and is suitable for Text, Background, Border. Its complementary color is Dark Gray (#A9A9A9), which creates strong contrast. Its triadic palette includes Dark Gray (#A9A9A9) and Dark Gray (#A9A9A9). The name comes from Dark Gray (English).

  • HEX: #A9A9A9
  • RGB: 169, 169, 169
  • HSL: 0°, 0%, 66.3%
  • Mood: Minimal
  • Style: Monochrome, Muted
  • Use case: Text, Background, Border
  • Complementary color: Dark Gray (#A9A9A9)
  • Triadic colors: Dark Gray (#A9A9A9), Dark Gray (#A9A9A9)
  • The name comes from Dark Gray (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Dark Gray #A9A9A9 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
GRAY
DARK GRAY
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
DARK GRAY
DARK GRAY
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Dark Gray #A9A9A9 pairs with Dark Gray (#A9A9A9) as its complementary color, and Dark Gray (#A9A9A9) and Dark Gray (#A9A9A9) in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

DARK GRAY
DARK GRAY
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

DARK GRAY
DARK GRAY
DARK GRAY
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

DARK GRAY
DARK GRAY
DARK GRAY
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

DARK GRAY
DARK GRAY
DARK GRAY
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

DARK GRAY
DARK GRAY
DARK GRAY
DARK GRAY
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

DARK GRAY

Shades & Tints

The shade and tint range for Dark Gray #A9A9A9 moves from dark #0D0D0D tones through the base color to lighter #F2F2F2 tones, making it useful for depth, hierarchy, and background variation.

DARK GRAY

Color Characteristics

Mood
Minimal
Style
Monochrome Muted
Use case
Text Background Border

Accessibility Simulation

Deuteranopia #A9A9A9
Protanopia #A9A9A9
Tritanopia #A9A9A9
Achromatopsia #A9A9A9

Frequently Asked Questions

Dark Gray (#A9A9A9) is a color with RGB(169, 169, 169) and HSL(0°, 0%, 66.3%).

#A9A9A9 pairs strongly with Dark Gray (#A9A9A9) as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#A9A9A9 is suitable for Text, Background, Border and works well with Monochrome, Muted styles.

#A9A9A9 is commonly associated with Minimal.

The name Dark Gray is linked to Dark Gray from English, meaning A shade of gray that is darker than average gray, often described as a deep, muted gray..

Name, History & Etymology

Origin Word Dark Gray
Meaning A shade of gray that is darker than average gray, often described as a deep, muted gray.
Language English
First Recorded Use Late 17th - Early 18th Century (as a specific color descriptor)

History

The word 'gray' itself comes from Old English 'græg' and has Germanic roots. 'Dark' also has Old English origins ('deorc'). The combination 'dark gray' is a straightforward descriptive term. Its usage has been consistent across various fields, from art and fashion to engineering and computing. The specific hex code #a9a9a9 is one of many representations of 'dark gray' within digital color systems, standardized by web color specifications.

First Recorded Use

While 'dark' and 'gray' have existed for centuries, the specific compound 'dark gray' as a common and distinct color descriptor likely solidified in usage as color terminology became more precise, particularly with the advent of standardized color charts and industrial dyeing processes. Early references to 'dark grey' or 'dark gray' can be found in literature and descriptive texts from the late 17th and early 18th centuries, often describing natural elements like clouds, stones, or animal fur.

Cultural Associations

Dark gray is often associated with sophistication, formality, and seriousness. It can also evoke feelings of melancholy, modesty, or neutrality. In fashion, it's a staple for business attire and classic garments. In design, it's frequently used as a background or accent color for its versatility and ability to make other colors stand out. It's less stark than black but more authoritative than light gray. It's a common color in urban landscapes (concrete, asphalt) and natural elements (rocks, stormy skies).

Similar Named Colors
Silver Chalice #ACACAC ΔE 0.87
Spanish Gray #989898 ΔE 5.19
Gray (X11 Gray) #BEBEBE ΔE 5.77
Silver #C0C0C0 ΔE 6.29

Code Snippets

/* Background */
.element {
    background-color: #A9A9A9;
}

/* Text */
.element {
    color: #A9A9A9;
}

/* Border */
.element {
    border: 1px solid #A9A9A9;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #A9A9A9,
        #A9A9A9
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #A9A9A9,
        #A9A9A9
    );
}

// SCSS variable
$dark-gray: #A9A9A9;

// With RGB channels (useful for rgba() usage)
$dark-gray-r: 169;
$dark-gray-g: 169;
$dark-gray-b: 169;

// Usage
.element {
    background-color: $dark-gray;
    color: rgba($dark-gray-r, $dark-gray-g, $dark-gray-b, 0.8);
}