#3FFF00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Harlequin is an intense, neon green that grabs attention instantly. Because it is so saturated, reserve #3fff00 for small UI accents or call-to-action buttons rather than large backgrounds. Pair it with deep charcoal or black to keep designs grounded. The hex code for this shade is #3fff00, which provides clear contrast for black text in accessible design systems.
About Harlequin
Firefly glow bottled at full charge
What does harlequin mean?
Commonly linked to new growth, high energy, and gaming gear, it also carries a whiff of the artificial and radioactive. Nearly fully saturated and very light, it feels loud, awake, and a little jumpy, like a pulse you can see.
Where you see harlequin
- glow sticks
- tennis balls
- energy drink cans
- gaming keyboards
- slime
- poison dart frogs
What it works for
Use it for accents that need to shout: sportswear logos, call-to-action buttons, and glow effects on dark interfaces.
What colors go with harlequin?
Magenta #ff00ffTwo neon hues at full blast cancel nothing and dare each other to get louder.Midnight Blue #020035A deep, still base lets this green burn like a signal in the dark.Charcoal #36454fSoft black-gray absorbs the glare and makes the green read as pure light.Hot Pink #ff028dA playful pair that skips tasteful and lands straight on candy-store fun.Tangerine #ff9300Citrus next to citrus keeps the temperature hot without repeating the same note.
Questions about Harlequin
What is the hex code for Harlequin?
Harlequin is #3fff00. In RGB that is rgb(63, 255, 0), in HSL hsl(105, 100%, 50%) and in CMYK 75%, 0%, 100%, 0%.
Is #3fff00 suitable for website text?
Harlequin #3fff00 is far too bright and saturated for body text, as it creates significant eye strain. It functions most effectively as a functional highlight, hover state, or call-to-action button when paired against dark backgrounds like charcoal.
Is Harlequin readable on white or black?
Harlequin has a 1.35:1 contrast ratio on white and 15.51:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.