Huebook

Butterscotch Cake Complementary Color Scheme

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

#F1C882
#FAEDD5
#8AADF7
#3D7AFD
#DBECFB

Color names and codes

NameHEXRGBHSLCMYK
Butterscotch Cake#F1C882241, 200, 13038°, 80%, 73%0, 17, 46, 5
Pastry Dough#FAEDD5250, 237, 21339°, 79%, 91%0, 5, 15, 2
Kitten’s Eye#8AADF7138, 173, 247221°, 87%, 75%44, 30, 0, 3
Lightish Blue#3D7AFD61, 122, 253221°, 98%, 62%76, 52, 0, 1
Hoarfrost#DBECFB219, 236, 251208°, 80%, 92%13, 6, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FAEDD5 on #3D7AFD3.36:1AA large
Aa #3D7AFD on #DBECFB3.22:1AA large
Aa #F1C882 on #3D7AFD2.47:1—
Aa #FAEDD5 on #8AADF71.93:1—
Aa #8AADF7 on #DBECFB1.85:1—
Aa #8AADF7 on #3D7AFD1.74:1—

CSS variables

:root {
  --color-1: #f1c882; /* Butterscotch Cake */
  --color-2: #faedd5; /* Pastry Dough */
  --color-3: #8aadf7; /* Kitten’s Eye */
  --color-4: #3d7afd; /* Lightish Blue */
  --color-5: #dbecfb; /* Hoarfrost */
}

Other schemes from Butterscotch Cake

More Light Orange complementary palettes

Questions

What colors go with Butterscotch Cake?

In a complementary scheme: Pastry Dough (#FAEDD5), Kitten’s Eye (#8AADF7), Lightish Blue (#3D7AFD), Hoarfrost (#DBECFB).

What is the hex code of Butterscotch Cake?

#F1C882.