← Colors that go with…

Colors That Go With Dark Void (#151517): Palettes and Pairings

What goes with Dark Void #151517: its complement, analogous and triadic partners, the neutrals that work, pairs to avoid and a ready five-color palette, with contrast ratios.

Dark Void (#151517) is a very dark, neutral black with a true neutral feel. Whether a pairing works depends less on a color's name than on three measurable things: how far apart the hues are, how different the lightness is, and how much saturation each color carries. This guide works through every classic harmony for Dark Void, names the nearest color for each partner, and checks the contrast, so you know which pairs can carry text and which are only for decoration.

The short answer

Every harmony for Dark Void

Analogous

These are neighbors on the color wheel. They share a family, so the result is calm and cohesive with very little tension. For Dark Void the partners are Dark Moon (#161718) and Dark Moon (#171618). Some of these land close to neutral, so they behave like background colors.

Complementary

These sit opposite each other on the wheel. They give the strongest contrast of hue, so let one lead and use the other sparingly. For Dark Void the partners are Dark Moon (#181816). Some of these land close to neutral, so they behave like background colors.

Split complementary

This takes the color and the two neighbors of its opposite. It keeps most of the energy of a complementary pair with less tension. For Dark Void the partners are Dark Moon (#181716) and Dark Moon (#171816). Some of these land close to neutral, so they behave like background colors.

Triadic

Three hues spaced evenly around the wheel. Lively and balanced, it works best with one dominant color and two in support. For Dark Void the partners are Dark Moon (#181616) and Dark Moon (#161816). Some of these land close to neutral, so they behave like background colors.

Tetradic

Two complementary pairs. It is the richest scheme and the hardest to balance, so let one color carry most of the space. For Dark Void the partners are Dark Moon (#181618), Dark Moon (#181816) and Dark Moon (#161816). Some of these land close to neutral, so they behave like background colors.

Square

Four hues spaced evenly, a quarter turn apart. It is very varied, so control it with lightness and saturation rather than hue. For Dark Void the partners are Dark Moon (#181617), Dark Moon (#181816) and Dark Moon (#161817). Some of these land close to neutral, so they behave like background colors.

Neutrals that work with it

A neutral next to Dark Void should follow its temperature. Dark Void has a true neutral feel, so tinted neutrals (a light and a dark made from the color itself) will look more at home than pure gray. Here is how each candidate contrasts with it.

NeutralHexContrast with Dark VoidLevel for text
Pure white#FFFFFF18.23:1AAA
Soft tint#F1F1F116.14:1AAA
Mid tone#6262622.98:1Fail
Deep shade#0707081.10:1Fail
Near-black#1111111.03:1Fail

Text on it, and it as text

CombinationRatioLevel
White text on Dark Void18.23:1AAA
Near-black text on Dark Void1.03:1Fail
Dark Void text on white18.23:1AAA
Dark Void text on near-black1.03:1Fail

White text reads comfortably on Dark Void, so it works as a button, a header or a badge background.

What to avoid

Dark Void sits at 20% lightness. The usual trap is to pair it with another saturated color at the same lightness. Whenever you do, separate them with a neutral or change one of them by at least 20 points of lightness.

Where it works

Black is bold, formal and strong. It gives the highest contrast with light colors and feels premium; an off-black with a hint of hue is easier on the eye than pure black. As a dark shade, Dark Void feels weighty and serious.

Common symbols for the black family are elegance, power, mystery and formality. Western countries: Formality and mourning, but also elegance and power.

A ready-to-use palette

RoleColorHex
Dark background or textBlack Metal#070708
Main colorDark Void#151517
Light surfaceSalt#F1F1F1
AccentDark Moon#181816
Borders and secondary textIron#626262