Huebook

Widowmaker Tetradic Color Scheme

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

#99AAFF
#FF99DD
#FFEE99
#9FFEB0
#E8EEFE

Color names and codes

NameHEXRGBHSLCMYK
Widowmaker#99AAFF153, 170, 255230°, 100%, 80%40, 33, 0, 0
Pink Condition#FF99DD255, 153, 221320°, 100%, 80%0, 40, 13, 0
Sparkler#FFEE99255, 238, 15350°, 100%, 80%0, 7, 40, 0
Synthetic Mint#9FFEB0159, 254, 176131°, 98%, 81%37, 0, 31, 0
Brilliant White#E8EEFE232, 238, 254224°, 92%, 95%9, 6, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #99AAFF on #E8EEFE1.89:1—
Aa #99AAFF on #FFEE991.88:1—
Aa #99AAFF on #9FFEB01.81:1—
Aa #FF99DD on #E8EEFE1.67:1—
Aa #FF99DD on #FFEE991.65:1—
Aa #FF99DD on #9FFEB01.59:1—

CSS variables

:root {
  --color-1: #99aaff; /* Widowmaker */
  --color-2: #ff99dd; /* Pink Condition */
  --color-3: #ffee99; /* Sparkler */
  --color-4: #9ffeb0; /* Synthetic Mint */
  --color-5: #e8eefe; /* Brilliant White */
}

Other schemes from Widowmaker

More Very Light Blue tetradic palettes

Questions

What colors go with Widowmaker?

In a tetradic scheme: Pink Condition (#FF99DD), Sparkler (#FFEE99), Synthetic Mint (#9FFEB0), Brilliant White (#E8EEFE).

What is the hex code of Widowmaker?

#99AAFF.