Colors That Go With Dark Eclipse (#112244): Palettes and Pairings
What goes with Dark Eclipse #112244: its complement, analogous and triadic partners, the neutrals that work, pairs to avoid and a ready five-color palette, with contrast ratios.
Dark Eclipse (#112244) is a very dark, muted blue with a cool 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 Eclipse, 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
- For contrast, pair Dark Eclipse with Moelleux au Chocolat (#453411), its complement.
- For calm, use its neighbors on the wheel: Sunken Harbour (#113D45) and Deadly Depths (#1A1145).
- For variety, try the triadic partners Black-Hearted (#451123) and Realm of the Underworld (#234511).
- For a safe base, add Salt (#F1F1F2) as a light surface and Void (#050E22) as a dark one.
Every harmony for Dark Eclipse
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 Eclipse the partners are Sunken Harbour (#113D45) and Deadly Depths (#1A1145). 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 Eclipse the partners are Moelleux au Chocolat (#453411). Because Dark Eclipse is muted, keep the partners at a similar level of saturation so no single color shouts.
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 Eclipse the partners are Old Study (#451A11) and Green Not Found (#3D4511). Because Dark Eclipse is muted, keep the partners at a similar level of saturation so no single color shouts.
Triadic
Three hues spaced evenly around the wheel. Lively and balanced, it works best with one dominant color and two in support. For Dark Eclipse the partners are Black-Hearted (#451123) and Realm of the Underworld (#234511). Because Dark Eclipse is muted, keep the partners at a similar level of saturation so no single color shouts.
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 Eclipse the partners are Dark Purple (#341145), Moelleux au Chocolat (#453411) and Realm of the Underworld (#234511). Because Dark Eclipse is muted, keep the partners at a similar level of saturation so no single color shouts.
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 Eclipse the partners are Velvet Cosmos (#45113D), Moelleux au Chocolat (#453411) and Realm of the Underworld (#11451A). Because Dark Eclipse is muted, keep the partners at a similar level of saturation so no single color shouts.
Neutrals that work with it
A neutral next to Dark Eclipse should follow its temperature. Dark Eclipse has a cool 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.
| Neutral | Hex | Contrast with Dark Eclipse | Level for text |
|---|---|---|---|
| Pure white | #FFFFFF | 15.71:1 | AAA |
| Soft tint | #F1F1F2 | 13.92:1 | AAA |
| Mid tone | #62636A | 2.62:1 | Fail |
| Deep shade | #050E22 | 1.22:1 | Fail |
| Near-black | #111111 | 1.20:1 | Fail |
Text on it, and it as text
| Combination | Ratio | Level |
|---|---|---|
| White text on Dark Eclipse | 15.71:1 | AAA |
| Near-black text on Dark Eclipse | 1.20:1 | Fail |
| Dark Eclipse text on white | 15.71:1 | AAA |
| Dark Eclipse text on near-black | 1.20:1 | Fail |
White text reads comfortably on Dark Eclipse, so it works as a button, a header or a badge background.
What to avoid
Dark Eclipse sits at 26% 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
Blue is the most widely liked color and the default for trust. It lowers the sense of urgency, so it suits products that ask for confidence: money, health and software. As a dark shade, Dark Eclipse feels weighty and serious.
- Finance, banking and insurance
- Technology and software
- Healthcare and corporate identity
- Links and primary actions in interfaces
Common symbols for the blue family are sky, sea, trust and calm. Western countries: Trust and stability, and sadness in the phrase feeling blue.
A ready-to-use palette
| Role | Color | Hex |
|---|---|---|
| Dark background or text | Void | #050E22 |
| Main color | Dark Eclipse | #112244 |
| Light surface | Salt | #F1F1F2 |
| Accent | Moelleux au Chocolat | #453411 |
| Borders and secondary text | Smoky | #62636A |