Huebook

Toxic Boyfriend Complementary Color Scheme

Five colors arranged by the complementary rule around Toxic Boyfriend (#CCFF11), each snapped to its nearest named color.

#CCFF11
#ECF474
#4411FF
#3300CC
#9878F8

Color names and codes

NameHEXRGBHSLCMYK
Toxic Boyfriend#CCFF11204, 255, 1773°, 100%, 53%20, 0, 93, 0
Nuclear Acid#ECF474236, 244, 11664°, 85%, 71%3, 0, 52, 4
Blustering Blue#4411FF68, 17, 255253°, 100%, 53%73, 93, 0, 0
Busty Blue#3300CC51, 0, 204255°, 100%, 40%75, 100, 0, 20
Forgotten Purple#9878F8152, 120, 248255°, 90%, 72%39, 52, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CCFF11 on #3300CC8.88:1AAA
Aa #ECF474 on #3300CC8.82:1AAA
Aa #CCFF11 on #4411FF6.45:1AA
Aa #ECF474 on #4411FF6.41:1AA
Aa #3300CC on #9878F83.17:1AA large
Aa #CCFF11 on #9878F82.80:1—

CSS variables

:root {
  --color-1: #ccff11; /* Toxic Boyfriend */
  --color-2: #ecf474; /* Nuclear Acid */
  --color-3: #4411ff; /* Blustering Blue */
  --color-4: #3300cc; /* Busty Blue */
  --color-5: #9878f8; /* Forgotten Purple */
}

Other schemes from Toxic Boyfriend

More Medium Green complementary palettes

Questions

What colors go with Toxic Boyfriend?

In a complementary scheme: Nuclear Acid (#ECF474), Blustering Blue (#4411FF), Busty Blue (#3300CC), Forgotten Purple (#9878F8).

What is the hex code of Toxic Boyfriend?

#CCFF11.