Toxic Boyfriend
#ccff11
Acid-mint chartreuse with gentler, softer neon edge
About Toxic Boyfriend
Toxic Boyfriend looks like a neon green that went a step too far, then stayed there. It's brighter than the cleaner citrus-leaning greens nearby, but it doesn't drift yellow like Neon Yellow or Liquid Neon. The undertone reads straight green with a slightly warmer edge, so it feels more aggressive and confrontational on screen, like a warning light that refuses to soften.
For UI, it's the kind of color that stays loud without turning yellow-warm, which is why I use it for dashboards and finance apps when you need a clear "this is not normal" state: fraud flags in payments, threshold breaks in telecom monitoring, or hard-stop labels on logistics and manufacturing control panels over dark map tiles and live video.
One quirk: next to Liquid Neon, it can feel heavier and more "pushy," so I pair it with cooler grays or deep navy spacing. Keep the surrounding greens calmer, otherwise this shade takes over the hierarchy fast.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
