← Colors that go with…

Colors That Go With Widowmaker (#99AAFF): Palettes and Pairings

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

Widowmaker (#99AAFF) is a light, moderately saturated 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 Widowmaker, 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 Widowmaker

Analogous

These are neighbors on the color wheel. They share a family, so the result is calm and cohesive with very little tension. For Widowmaker the partners are Droplet (#99DDFF) and Diva (#BB99FF). Because Widowmaker is moderately saturated, keep the partners at a similar level of saturation so no single color shouts.

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 Widowmaker the partners are Drover (#FFEE99). Because Widowmaker is moderately saturated, 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 Widowmaker the partners are Cream Puff (#FFBB99) and Lime Mist (#DDFF99). Because Widowmaker is moderately saturated, 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 Widowmaker the partners are Piggy (#FF99AA) and Mint to Be (#AAFF99). Because Widowmaker is moderately saturated, 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 Widowmaker the partners are Party Pig (#EE99FF), Drover (#FFEE99) and Mint to Be (#AAFF99). Because Widowmaker is moderately saturated, 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 Widowmaker the partners are Love Dust (#FF99DD), Drover (#FFEE99) and Mint Bliss (#99FFBB). Because Widowmaker is moderately saturated, keep the partners at a similar level of saturation so no single color shouts.

Neutrals that work with it

A neutral next to Widowmaker should follow its temperature. Widowmaker 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.

NeutralHexContrast with WidowmakerLevel for text
Pure white#FFFFFF2.19:1Fail
Soft tint#F6F7FF2.05:1Fail
Mid tone#8C95C71.31:1Fail
Deep shade#545E902.82:1Fail
Near-black#1111118.58:1AAA

Text on it, and it as text

CombinationRatioLevel
White text on Widowmaker2.19:1Fail
Near-black text on Widowmaker8.58:1AAA
Widowmaker text on white2.19:1Fail
Widowmaker text on near-black8.58:1AAA

Dark text reads well on Widowmaker, so it works as a surface, a highlight or a card background. White text on it does not reach 4.5 to 1.

What to avoid

Colors of similar lightness but very different hue tend to vibrate when they touch. For Widowmaker, the pairs below have almost the same lightness, so the edge between them looks unstable and the text between them is unreadable.

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 light shade, Widowmaker feels airy and gentle.

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

RoleColorHex
Dark background or textWizard#545E90
Main colorWidowmaker#99AAFF
Light surfaceSnow#F6F7FF
AccentDrover#FFEE99
Borders and secondary textEaster Egg#8C95C7