Phosphor Green
High energy electric green for accents
Phosphor Green is a high-saturation, aggressive shade that demands attention. Because of its intensity, it works best as a 10% accent color for calls to action or UI highlights rather than a background. It provides excellent contrast for black text, ensuring readability. The hex code for this electric green is #00aa00. Use it sparingly to inject energy into eco or organic-focused designs.
About Phosphor Green
Sunlight through a greenhouse roof, glass and all
What does phosphor green mean?
Green commonly signals growth, nature, and renewal, and this strong shade often reads as energy rather than calm. The deep saturation and mid lightness make it feel bold and wide awake, like a light left on in a dark room.
Where you see phosphor green
- traffic lights
- billiard felt
- green chalkboards
- evergreen trees
- holiday wreaths
- stadium turf
What it works for
Use it for calls to action, sports branding, game interfaces, and any design that needs to be seen first.
What colors go with phosphor green?
Charcoal #36454fThe dark neutral grounds the green and keeps its intensity from overwhelming the page.Cream #fffdd0Cream softens the green's brightness while keeping the pairing warm and readable.Plum #8e4585Plum sits opposite green on the wheel, so the two push each other forward.Lemon #fff700Both colors are loud, but the yellow lightens the mix and keeps it from feeling heavy.Navy #000080The deep blue cools the green's heat and gives it a steady anchor.Coral #ff7f50Coral shares the green's energy but pulls the pair toward warmth.
Questions about Phosphor Green
What is the hex code for Phosphor Green?
Phosphor Green is #00aa00. In RGB that is rgb(0, 170, 0), in HSL hsl(120, 100%, 33%) and in CMYK 100%, 0%, 100%, 33%.
How should I use Phosphor Green in interface design?
Use #00aa00 sparingly as a 10% accent color for interactive elements like buttons or primary alerts to maintain visual balance. Its extreme intensity overwhelms the eye when applied to large backgrounds, so keep it strictly for highlights and small, impactful UI details.
Is Phosphor Green readable on white or black?
Phosphor Green has a 3.11:1 contrast ratio on white and 6.74:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.