Tunic Green
An intense, high-saturation electric green
Tunic Green is an intense, high-saturation shade that demands instant attention. Because of its extreme chroma, it works best as a punchy accent rather than a background color. Use #00cc00 for call-to-action buttons or small UI elements where you need to draw the eye. It pairs surprisingly well with deep charcoal or warm, muted slate grays to ground its fluorescent energy.
About Tunic Green
Green light at full voltage
What does tunic green mean?
Commonly linked with growth, go signals, spring foliage, and screens that glow. Almost no black and maximum saturation make it loud and electric, a color that seems to push forward and hum.
Where you see tunic green
- video game grass
- tennis balls
- chameleon scales
- lime candy
- stadium turf
- glow sticks
What it works for
Call-to-action buttons, sports gear, game interfaces, and posters that need attention from across a room.
What colors go with tunic green?
Charcoal #36454fThe dark gray grounds the green, so the pair reads bold instead of noisy.Plum #8e4585Deep purple sits opposite on the wheel, giving strong contrast without clashing.Cream #fffdd0Soft off-white cools the green down and lets it stay the focus.Tangerine #ff9300Two loud warm-and-cool neighbors make an energetic, sporty combination.Hot Pink #ff028dA risky, punchy match that works for playful graphics and packaging.Navy #000080Dark blue swallows some of the green's glare and looks sharp.
Questions about Tunic Green
What is the hex code for Tunic Green?
Tunic Green is #00cc00. In RGB that is rgb(0, 204, 0), in HSL hsl(120, 100%, 40%) and in CMYK 100%, 0%, 100%, 20%.
How should I use Tunic Green #00cc00 in UI design?
Tunic Green #00cc00 is an incredibly high-chroma shade that works best as a functional accent rather than a background. Use it sparingly for primary call-to-action buttons, notification indicators, or small iconography to ensure you successfully draw the user's eye without overwhelming the layout.
Is Tunic Green readable on white or black?
Tunic Green has a 2.17:1 contrast ratio on white and 9.63: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.