Huebook

Widowmaker Analogous Color Scheme

Five colors arranged by the analogous rule around Widowmaker (#99AAFF), each snapped to its nearest named color.

#99FFEE
#98DCFF
#99AAFF
#BB88FF
#EE99FF

Color names and codes

NameHEXRGBHSLCMYK
Hello Winter#99FFEE153, 255, 238170°, 100%, 80%40, 0, 7, 0
Gas Giant#98DCFF152, 220, 255200°, 100%, 80%40, 14, 0, 0
Widowmaker#99AAFF153, 170, 255230°, 100%, 80%40, 33, 0, 0
Lilac Geode#BB88FF187, 136, 255266°, 100%, 77%27, 47, 0, 0
Party Pig#EE99FF238, 153, 255290°, 100%, 80%7, 40, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #99FFEE on #BB88FF2.21:1—
Aa #99FFEE on #99AAFF1.87:1—
Aa #98DCFF on #BB88FF1.73:1—
Aa #99FFEE on #EE99FF1.68:1—
Aa #98DCFF on #99AAFF1.47:1—
Aa #98DCFF on #EE99FF1.32:1—

CSS variables

:root {
  --color-1: #99ffee; /* Hello Winter */
  --color-2: #98dcff; /* Gas Giant */
  --color-3: #99aaff; /* Widowmaker */
  --color-4: #bb88ff; /* Lilac Geode */
  --color-5: #ee99ff; /* Party Pig */
}

Other schemes from Widowmaker

More Very Light Blue analogous palettes

Questions

What colors go with Widowmaker?

In a analogous scheme: Hello Winter (#99FFEE), Gas Giant (#98DCFF), Lilac Geode (#BB88FF), Party Pig (#EE99FF).

What is the hex code of Widowmaker?

#99AAFF.