Balanced Architectural Neutral Gray
Category: Grey
Dark Grey (#A9A9A9) — Color Codes, Meaning & UI Palettes
Dark Grey is a classic balanced monochromatic gray sitting between medium silver and deep slate. Unbiased and versatile, it provides stable visual structure without emotional distraction.
Click to Copy HEX
Dark Grey
#A9A9A9
HEX
#A9A9A9
RGB
rgb(169, 169, 169)
HSL
hsl(0deg, 0%, 66%)
CMYK (Print)
cmyk(0%, 0%, 0%, 34%)
Apple Display P3
color(display-p3 0.663 0.663 0.663)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
2.35:1 (Fail)
Black Text (#000000)
8.94:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FAFAFA
100
#F1F1F1
200
#E3E3E3
300
#D2D2D2
400
#BEBEBE
500
#A9A9A9
600
#878787
700
#656565
800
#444444
900
#252525
950
#141414
Color Harmonies & Palette Schemes
Complementary
#A8A8A8
Opposite 180° Contrast
Analogous -30°
#A8A8A8
Natural Harmony
Analogous +30°
#A8A8A8
Natural Harmony
Triadic +120°
#A8A8A8
120° Balanced Triad
Triadic +240°
#A8A8A8
120° Balanced Triad
Curated UI Design Pairings for Dark Grey
Essential for wireframing, secondary button borders, unselected tab states, and subtle UI dividers across light and dark modes.
Deep Obsidian
#0A0B0E
High-Contrast Background
Electric Royal Blue
#3B82F6
Vibrant Focal Accent
Pure White
#FFFFFF
Clean Typography
Pale Slate
#D9E2EC
Soft Surface Hierarchy
Export Dark Grey Code Snippets
CSS Variable
--color-dark-grey: #A9A9A9;
Tailwind Config
'dark-grey': '#A9A9A9'
Swift / SwiftUI
Color(hex: "#A9A9A9")
JSON Design Token
{"name": "Dark Grey", "hex": "#A9A9A9"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.