Starting color

DarkGray

#A9A9A9 · rgb(169, 169, 169) · hsl(0, 0%, 66%)

Complementary colors

#a8a8a8 · #a8a8a8

Analogous colors

#a8a8a8 · #a8a8a8 · #a8a8a8

Triadic colors

#a8a8a8 · #a8a8a8 · #a8a8a8

Split-complementary colors

#a8a8a8 · #a8a8a8 · #a8a8a8

Tetradic colors

#a8a8a8 · #a8a8a8 · #a8a8a8 · #a8a8a8

Monochromatic colors

#262626 · #525252 · #808080 · #adadad · #d9d9d9

Ready-made palettes with DarkGray

Complementary palette

The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.

#A9A9A9 · #a8a8a8 · #e8e8e8 · #f4f4f5 · #18181b

Analogous palette

Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.

#a8a8a8 · #A9A9A9 · #a8a8a8 · #e8e8e8 · #696969

Triadic palette

Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.

#A9A9A9 · #a8a8a8 · #a8a8a8 · #f4f4f5 · #18181b

Monochromatic palette

A single hue stepped from light to dark for a clean, elegant and foolproof palette.

#f5f5f5 · #bdbdbd · #828282 · #4a4a4a · #0f0f0f

Explore DarkGray Explore on the color wheelGenerate a palette

If you are wondering what colors go with DarkGray, start with its opposite on the wheel — a complementary #a8a8a8 — then soften the pairing with the analogous, triadic and monochromatic schemes above.

Frequently asked questions

DarkGray's complementary color is #a8a8a8. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.

Must-know facts

  • Every swatch row is a complete scheme you can copy straight into CSS.
  • The color wheel can regenerate these harmonies for any base you like.

Related tools

These color tools pair naturally with the one you just used — keep exploring.

Color ChartsExplore Tailwind, Material and web-safe reference charts.Color PickerPick, fine-tune and copy any color in HEX, RGB or HSL.Contrast CheckerCheck WCAG AA and AAA contrast ratios instantly.