Huebook

Butterscotch Triadic Color Scheme

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

#FDB147
#55FFAA
#AA55FF
#FFDCAC
#00FA92

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Butterscotch#FDB147253, 177, 7135°, 98%, 64%0, 30, 72, 181.5% 0.147 72
Hanuman Green#55FFAA85, 255, 170150°, 100%, 67%67, 0, 33, 089.2% 0.183 157
Vega Violet#AA55FF170, 85, 255270°, 100%, 67%33, 67, 0, 063.5% 0.241 303
Peach Glow#FFDCAC255, 220, 17235°, 100%, 84%0, 14, 33, 091.2% 0.073 75
Ahaetulla Prasina#00FA920, 250, 146155°, 100%, 49%100, 0, 42, 286.5% 0.214 155

Which pairs work for text

Text on backgroundContrastWCAG
Aa #55FFAA on #AA55FF2.98:1—
Aa #AA55FF on #FFDCAC2.95:1—
Aa #AA55FF on #00FA922.77:1—
Aa #FDB147 on #AA55FF2.12:1—
Aa #FDB147 on #55FFAA1.41:1—
Aa #FDB147 on #FFDCAC1.39:1—

CSS variables

:root {
  --color-1: #fdb147; /* Butterscotch */
  --color-2: #55ffaa; /* Hanuman Green */
  --color-3: #aa55ff; /* Vega Violet */
  --color-4: #ffdcac; /* Peach Glow */
  --color-5: #00fa92; /* Ahaetulla Prasina */
}

Other schemes from Butterscotch

More light orange triadic color schemes

Questions

What colors go with Butterscotch?

In a triadic scheme: Hanuman Green (#55FFAA), Vega Violet (#AA55FF), Peach Glow (#FFDCAC), Ahaetulla Prasina (#00FA92).

What is the hex code of Butterscotch?

#FDB147.