Huebook

Thunderbolt Triadic Color Scheme

Five colors arranged by the triadic rule around Thunderbolt (#FDEFAD), each snapped to its nearest named color.

#FDEFAD
#AAFFEE
#EEAAFF
#FFFAE5
#66EEEE

Color names and codes

NameHEXRGBHSLCMYK
Thunderbolt#FDEFAD253, 239, 17350°, 95%, 84%0, 6, 32, 1
Blister Pearl#AAFFEE170, 255, 238168°, 100%, 83%33, 0, 7, 0
Pink Sugar#EEAAFF238, 170, 255288°, 100%, 83%7, 33, 0, 0
Lead Glass#FFFAE5255, 250, 22948°, 100%, 95%0, 2, 10, 0
Poseidon Jr.#66EEEE102, 238, 238180°, 80%, 67%57, 0, 0, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EEAAFF on #FFFAE51.70:1—
Aa #AAFFEE on #EEAAFF1.54:1—
Aa #FDEFAD on #EEAAFF1.53:1—
Aa #FFFAE5 on #66EEEE1.33:1—
Aa #EEAAFF on #66EEEE1.27:1—
Aa #AAFFEE on #66EEEE1.21:1—

CSS variables

:root {
  --color-1: #fdefad; /* Thunderbolt */
  --color-2: #aaffee; /* Blister Pearl */
  --color-3: #eeaaff; /* Pink Sugar */
  --color-4: #fffae5; /* Lead Glass */
  --color-5: #66eeee; /* Poseidon Jr. */
}

Other schemes from Thunderbolt

More Very Light Yellow triadic palettes

Questions

What colors go with Thunderbolt?

In a triadic scheme: Blister Pearl (#AAFFEE), Pink Sugar (#EEAAFF), Lead Glass (#FFFAE5), Poseidon Jr. (#66EEEE).

What is the hex code of Thunderbolt?

#FDEFAD.