Gray Color Family

Dark Gray Color Hex Code, RGB & HSL Values

Browse all Gray Colors

What is the meaning of the Dark Gray color?

Dark Gray is a solid, medium-dark gray color. It represents industrial metal and practical neutrality, widely used in minimalist designs to create balanced layouts.

How to use the Dark Gray color hex code in HTML & CSS?

To style elements with Dark Gray on a website, use the hex code #A9A9A9 in your HTML/CSS. Adding background-color: #A9A9A9; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#A9A9A9] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Dark Gray?

In the digital sRGB spectrum, the Dark Gray color code is mapped to RGB values of Red: 169, Green: 169, and Blue: 169. In the HSL system, it registers at hue angle 0°, saturation 0%, and lightness index 66%. It represents a balanced medium tone characterized by a highly muted, near-gray tone.

CMYK print profiles for Dark Gray color

To reproduce the named shade Dark Gray in print systems, the CMYK ink configuration requires 0% Cyan, 0% Magenta, 0% Yellow, and 34% black. Given its red-channel dominance, this color is a powerful visual stimulator often deployed in banners, call-to-actions, and warning components.

Red Channel 169
Green Channel 169
Blue Channel 169
Luminance 0.397

Dark Gray Color Space Conversions

Click to copy format
HEX Color Code #A9A9A9
RGB (Red Green Blue) rgb(169, 169, 169)
HSL (Hue Sat Light) hsl(0°, 0%, 66%)
CMYK (Commercial Print) cmyk(0%, 0%, 0%, 34%)
HSV / HSB Values hsv(0°, 0%, 66%)
Decimal Color Code 11119017
CSS Custom Variable --color-hex: #A9A9A9;
Tailwind CSS Utility bg-[#A9A9A9]
CSS Named Color darkgray

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #A9A9A9

Small body copy preview

Black Text on Background

Black text readability test with #A9A9A9

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Dark Gray */
--color-hex: #A9A9A9;
--color-rgb: rgb(169, 169, 169);
--color-hsl: hsl(0deg, 0%, 66%);
--color-name: darkgray;

Aa Known Color Aliases

Dark Gray darkgray (CSS Identifier) Medium Dark GrayCharcoal LightDark Grey

Dark Gray Color Meaning

Representing the gray color family, Dark Gray carries the intrinsic characteristics of this organic hue. This color group is the great equalizer of the color spectrum — neutral, impartial, and sophisticated. It carries connotations of maturity, reliability, and professional restraint. In design, gray provides visual breathing room, allowing accent colors to take center stage while creating an overall sense of sophistication. Dark charcoals communicate premium quality and authority, while light grays feel airy and modern. Technology companies favor gray for its associations with precision and innovation. Gray is psychologically calming precisely because it lacks the stimulation of chromatic colors. However, when overused without contrast, gray can feel cold, lifeless, and depressing — balance is essential to harness its sophistication.

Emotions & Associations

ProfessionalismSophisticationMaturityCalm

Industries

ArchitectureTechnologyLuxury Fashion

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!