Huebook

Toxic Boyfriend Tetradic Color Scheme

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

#CCFF11
#11FFBB
#4411FF
#FF1155
#ECF474

Color names and codes

NameHEXRGBHSLCMYK
Toxic Boyfriend#CCFF11204, 255, 1773°, 100%, 53%20, 0, 93, 0
Night Pearl#11FFBB17, 255, 187163°, 100%, 53%93, 0, 27, 0
Blustering Blue#4411FF68, 17, 255253°, 100%, 53%73, 93, 0, 0
Golden Blood#FF1155255, 17, 85343°, 100%, 53%0, 93, 67, 0
Nuclear Acid#ECF474236, 244, 11664°, 85%, 71%3, 0, 52, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CCFF11 on #4411FF6.45:1AA
Aa #4411FF on #ECF4746.41:1AA
Aa #11FFBB on #4411FF5.79:1AA
Aa #CCFF11 on #FF11553.27:1AA large
Aa #FF1155 on #ECF4743.25:1AA large
Aa #11FFBB on #FF11552.94:1—

CSS variables

:root {
  --color-1: #ccff11; /* Toxic Boyfriend */
  --color-2: #11ffbb; /* Night Pearl */
  --color-3: #4411ff; /* Blustering Blue */
  --color-4: #ff1155; /* Golden Blood */
  --color-5: #ecf474; /* Nuclear Acid */
}

Other schemes from Toxic Boyfriend

More Medium Green tetradic palettes

Questions

What colors go with Toxic Boyfriend?

In a tetradic scheme: Night Pearl (#11FFBB), Blustering Blue (#4411FF), Golden Blood (#FF1155), Nuclear Acid (#ECF474).

What is the hex code of Toxic Boyfriend?

#CCFF11.