Huebook

Banana Propaganda Tetradic Color Scheme

Five colors arranged by the tetradic rule around Banana Propaganda (#F3DB00), each snapped to its nearest named color.

#F3DB00
#00FF77
#021BF9
#EE0099
#FFEE55

Color names and codes

NameHEXRGBHSLCMYK
Banana Propaganda#F3DB00243, 219, 054°, 100%, 48%0, 10, 100, 5
Booger Buster#00FF770, 255, 119148°, 100%, 50%100, 0, 53, 0
Rich Blue#021BF92, 27, 249234°, 98%, 49%99, 89, 0, 2
Love Vessel#EE0099238, 0, 153321°, 100%, 47%0, 100, 36, 7
Xanthe Yellow#FFEE55255, 238, 8554°, 100%, 67%0, 7, 67, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #021BF9 on #FFEE556.97:1AA
Aa #00FF77 on #021BF96.16:1AA
Aa #F3DB00 on #021BF95.91:1AA
Aa #EE0099 on #FFEE553.46:1AA large
Aa #00FF77 on #EE00993.06:1AA large
Aa #F3DB00 on #EE00992.93:1—

CSS variables

:root {
  --color-1: #f3db00; /* Banana Propaganda */
  --color-2: #00ff77; /* Booger Buster */
  --color-3: #021bf9; /* Rich Blue */
  --color-4: #ee0099; /* Love Vessel */
  --color-5: #ffee55; /* Xanthe Yellow */
}

Other schemes from Banana Propaganda

More Medium Yellow tetradic palettes

Questions

What colors go with Banana Propaganda?

In a tetradic scheme: Booger Buster (#00FF77), Rich Blue (#021BF9), Love Vessel (#EE0099), Xanthe Yellow (#FFEE55).

What is the hex code of Banana Propaganda?

#F3DB00.