Huebook

Butterscotch Cake Split-complementary Color Scheme

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

#F1C882
#88EEEE
#8B88F8
#ECAB3F
#CBF4F8

Color names and codes

NameHEXRGBHSLCMYK
Butterscotch Cake#F1C882241, 200, 13038°, 80%, 73%0, 17, 46, 5
Bath Water#88EEEE136, 238, 238180°, 75%, 73%43, 0, 0, 7
Lavender Blue Shadow#8B88F8139, 136, 248242°, 89%, 75%44, 45, 0, 3
Yakitori#ECAB3F236, 171, 6337°, 82%, 59%0, 28, 73, 7
Vaporised#CBF4F8203, 244, 248185°, 76%, 88%18, 2, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #8B88F8 on #CBF4F82.56:1—
Aa #88EEEE on #8B88F82.22:1—
Aa #F1C882 on #8B88F81.91:1—
Aa #ECAB3F on #CBF4F81.70:1—
Aa #8B88F8 on #ECAB3F1.50:1—
Aa #88EEEE on #ECAB3F1.48:1—

CSS variables

:root {
  --color-1: #f1c882; /* Butterscotch Cake */
  --color-2: #88eeee; /* Bath Water */
  --color-3: #8b88f8; /* Lavender Blue Shadow */
  --color-4: #ecab3f; /* Yakitori */
  --color-5: #cbf4f8; /* Vaporised */
}

Other schemes from Butterscotch Cake

More Light Orange split-complementary palettes

Questions

What colors go with Butterscotch Cake?

In a split-complementary scheme: Bath Water (#88EEEE), Lavender Blue Shadow (#8B88F8), Yakitori (#ECAB3F), Vaporised (#CBF4F8).

What is the hex code of Butterscotch Cake?

#F1C882.