Huebook

Butterscotch Cake Triadic Color Scheme

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

#F1C882
#84FBCE
#CC81F0
#FCF0DE
#2EE8BB

Color names and codes

NameHEXRGBHSLCMYK
Butterscotch Cake#F1C882241, 200, 13038°, 80%, 73%0, 17, 46, 5
Olo#84FBCE132, 251, 206157°, 94%, 75%47, 0, 18, 2
Azuremyst Isle#CC81F0204, 129, 240281°, 79%, 72%15, 46, 0, 6
White Grapefruit#FCF0DE252, 240, 22236°, 83%, 93%0, 5, 12, 1
Aquamarine#2EE8BB46, 232, 187165°, 80%, 55%80, 0, 19, 9

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CC81F0 on #FCF0DE2.34:1—
Aa #84FBCE on #CC81F02.09:1—
Aa #CC81F0 on #2EE8BB1.68:1—
Aa #F1C882 on #CC81F01.67:1—
Aa #F1C882 on #FCF0DE1.40:1—
Aa #FCF0DE on #2EE8BB1.39:1—

CSS variables

:root {
  --color-1: #f1c882; /* Butterscotch Cake */
  --color-2: #84fbce; /* Olo */
  --color-3: #cc81f0; /* Azuremyst Isle */
  --color-4: #fcf0de; /* White Grapefruit */
  --color-5: #2ee8bb; /* Aquamarine */
}

Other schemes from Butterscotch Cake

More Light Orange triadic palettes

Questions

What colors go with Butterscotch Cake?

In a triadic scheme: Olo (#84FBCE), Azuremyst Isle (#CC81F0), White Grapefruit (#FCF0DE), Aquamarine (#2EE8BB).

What is the hex code of Butterscotch Cake?

#F1C882.