Huebook

Banana Split Complementary Color Scheme

Five colors arranged by the complementary rule around Banana Split (#F7EEC8), each snapped to its nearest named color.

#F7EEC8
#FBF9E8
#C9D1EF
#8F99FB
#E8EEFE

Color names and codes

NameHEXRGBHSLCMYK
Banana Split#F7EEC8247, 238, 20049°, 75%, 88%0, 4, 19, 3
Elderflower#FBF9E8251, 249, 23254°, 70%, 95%0, 1, 8, 2
Frozen Periwinkle#C9D1EF201, 209, 239227°, 54%, 86%16, 13, 0, 6
Periwinkle Blue#8F99FB143, 153, 251234°, 93%, 77%43, 39, 0, 2
Brilliant White#E8EEFE232, 238, 254224°, 92%, 95%9, 6, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FBF9E8 on #8F99FB2.44:1—
Aa #8F99FB on #E8EEFE2.23:1—
Aa #F7EEC8 on #8F99FB2.22:1—
Aa #C9D1EF on #8F99FB1.71:1—
Aa #FBF9E8 on #C9D1EF1.43:1—
Aa #C9D1EF on #E8EEFE1.31:1—

CSS variables

:root {
  --color-1: #f7eec8; /* Banana Split */
  --color-2: #fbf9e8; /* Elderflower */
  --color-3: #c9d1ef; /* Frozen Periwinkle */
  --color-4: #8f99fb; /* Periwinkle Blue */
  --color-5: #e8eefe; /* Brilliant White */
}

Other schemes from Banana Split

More Very Light Yellow complementary palettes

Questions

What colors go with Banana Split?

In a complementary scheme: Elderflower (#FBF9E8), Frozen Periwinkle (#C9D1EF), Periwinkle Blue (#8F99FB), Brilliant White (#E8EEFE).

What is the hex code of Banana Split?

#F7EEC8.