Huebook

Banana Bombshell Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Banana Bombshell (#F7E82E), each snapped to its nearest named color.

#F7E82E
#31A2F2
#8020FF
#CDC50A
#73C2FB

Color names and codes

NameHEXRGBHSLCMYK
Banana Bombshell#F7E82E247, 232, 4656°, 93%, 57%0, 6, 81, 3
Rockman Blue#31A2F249, 162, 242205°, 88%, 57%80, 33, 0, 5
Szöllősi Grape#8020FF128, 32, 255266°, 100%, 56%50, 87, 0, 0
Dirty Yellow#CDC50A205, 197, 1058°, 91%, 42%0, 4, 95, 20
Maya Blue#73C2FB115, 194, 251205°, 94%, 72%54, 23, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F7E82E on #8020FF4.63:1AA
Aa #8020FF on #CDC50A3.25:1AA large
Aa #8020FF on #73C2FB3.04:1AA large
Aa #F7E82E on #31A2F22.18:1—
Aa #31A2F2 on #8020FF2.12:1—
Aa #31A2F2 on #CDC50A1.53:1—

CSS variables

:root {
  --color-1: #f7e82e; /* Banana Bombshell */
  --color-2: #31a2f2; /* Rockman Blue */
  --color-3: #8020ff; /* Szöllősi Grape */
  --color-4: #cdc50a; /* Dirty Yellow */
  --color-5: #73c2fb; /* Maya Blue */
}

Other schemes from Banana Bombshell

More Medium Yellow split-complementary palettes

Questions

What colors go with Banana Bombshell?

In a split-complementary scheme: Rockman Blue (#31A2F2), Szöllősi Grape (#8020FF), Dirty Yellow (#CDC50A), Maya Blue (#73C2FB).

What is the hex code of Banana Bombshell?

#F7E82E.