#00FF00

Electric Lime • Pure Digital Green • Maximum Energy

Hexadecimal
#00FF00
RGB
0, 255, 0
HSL
120°, 100%, 50%
120°
Hue Angle
100%
Saturation
255
Green Channel
50%
Lightness
Introduction

The Essence of Digital Green

Electric Lime (#00FF00) stands as one of the most vibrant and recognizable colors in the digital spectrum. As a pure RGB primary color, it represents the perfect intersection of nature's vitality and technology's precision.

Digital Foundation

In the RGB color model, #00FF00 is achieved by setting the green channel to its maximum value (255) while keeping red and blue at zero. This makes it one of the three primary colors that form the foundation of all digital displays.

Its pure composition makes it incredibly efficient for screens to render, requiring only one color channel at full intensity. This efficiency translates to vibrant, energy-efficient displays.

Red: 0
Green: 255
Blue: 0

Psychological Impact

Electric Lime evokes powerful emotional responses. It combines the natural associations of green—growth, health, and renewal—with an electric intensity that signals energy, innovation, and forward momentum.

In digital contexts, it's become synonymous with success states, active elements, and "go" signals. Its high visibility makes it perfect for elements that demand immediate attention without the aggressive connotations of red.

⚡ Energy & Vitality
Represents life force and dynamic action
🌱 Growth & Nature
Connects to environmental consciousness
💻 Technology & Innovation
Symbolizes digital progress and the future
Variations

Shades, Tints & Tones

Explore the full spectrum of Electric Lime variations, from subtle pastels to deep forest tones.

Lightest Tint
#E6FFE6
Light Tint
#99FF99
Medium Tint
#66FF66
Pure Electric Lime
#00FF00
Medium Shade
#00CC00
Dark Shade
#009900
Darker Shade
#006600
Darkest Shade
#003300
Conversions

Color Format Conversions

Electric Lime expressed in every major color format. Click any value to copy it to your clipboard.

Digital Formats

These are the most common color formats used in web development, graphic design, and digital applications. Each format has its own advantages depending on your use case.

HEX is perfect for CSS, RGB for JavaScript manipulation, and HSL for creating color variations programmatically.

Hexadecimal
#00FF00
RGB
rgb(0, 255, 0)
RGBA
rgba(0, 255, 0, 1)
HSL
hsl(120°, 100%, 50%)
HSLA
hsla(120°, 100%, 50%, 1)

Print & Design Formats

When working with print media or professional design software, these formats become essential. CMYK is the standard for printing, while HSV is popular in design applications.

Note that Electric Lime's vibrant nature means it may appear differently in print versus on screen, as CMYK has a smaller color gamut than RGB.

CMYK
cmyk(100%, 0%, 100%, 0%)
HSV / HSB
hsv(120°, 100%, 100%)
HWB
hwb(120° 0% 0%)
Natural Color
ncol(G, 100%, 50%)

Technical Formats

These specialized formats are used in scientific applications, color management systems, and advanced graphics programming. They provide precise color representation across different devices.

CIE LAB and XYZ are device-independent color spaces that ensure consistent color reproduction regardless of the display or printing technology.

CIE LAB
lab(87.82, -79.29, 80.99)
CIE LCH
lch(87.82, 113.34, 134.39°)
CIE XYZ
xyz(35.76, 71.52, 11.92)
Decimal RGB
0, 255, 0
Gradients

Gradient Combinations

Stunning gradient designs featuring Electric Lime. Perfect for backgrounds, overlays, and modern UI elements.

Lime Monochrome
Lime to Dark Lime
Lime to Cyan
Electric Energy
Lime to Yellow
Vibrant Spring
Black to Lime
Neon Emergence
Lime to Blue
Ocean Tech
Lime to White
Fresh Fade
Radial Lime
Glowing Core
Triple Lime
Depth Gradient
Complementary
Lime to Magenta
Neon Stripe
Cyberpunk Style
Radial Fade
Soft Glow
Conic Spin
Rotating Energy
🎨
Linear Gradients
Perfect for backgrounds, buttons, and hero sections. Create depth and visual interest with smooth color transitions.
⭕
Radial Gradients
Ideal for spotlight effects, glowing elements, and focal points. Creates natural-looking light sources and emphasis.
🔄
Conic Gradients
Great for loading spinners, progress indicators, and dynamic circular designs. Adds motion and energy to interfaces.
Harmonies

Complementary Color Schemes

Discover harmonious color combinations that work beautifully with Electric Lime.

Complementary
Colors opposite on the color wheel create maximum contrast and visual impact.
#00FF00 • #FF00FF
Triadic
Three colors evenly spaced on the wheel create vibrant, balanced schemes.
#00FF00 • #FF0000 • #0000FF
Analogous
Adjacent colors create harmonious, nature-inspired palettes.
#00FF00 • #00FF80 • #80FF00
Monochromatic
Variations of a single hue create sophisticated, cohesive designs.
#00FF00 • #00CC00 • #009900
Split Complementary
Base color plus two adjacent to its complement for nuanced contrast.
#00FF00 • #FF0080 • #8000FF
Tetradic
Four colors arranged in two complementary pairs for rich variety.
#00FF00 • #FFFF00 • #FF00FF
Applications

Where Electric Lime Excels

Discover the industries and contexts where this vibrant color makes the strongest impact.

🎮
Gaming & Esports
Perfect for gaming interfaces, esports branding, and streaming overlays. Creates an energetic, competitive atmosphere that resonates with gaming culture.
🌱
Environmental Tech
Ideal for green technology, sustainability apps, and eco-friendly brands. Bridges the gap between nature and innovation.
💪
Fitness & Wellness
Conveys energy, vitality, and health. Excellent for fitness apps, sports brands, and wellness platforms that emphasize action and results.
🚀
Tech Startups
Signals innovation, disruption, and forward-thinking. Popular among AI companies, blockchain projects, and cutting-edge tech ventures.
🎨
Digital Art
Essential in cyberpunk aesthetics, neon designs, and futuristic illustrations. Creates striking visual contrast in digital artwork.
⚡
Energy Brands
Perfect for energy drinks, battery brands, and power-related products. Instantly communicates energy, power, and performance.
Implementation

Code Examples

Ready-to-use code snippets for implementing Electric Lime in your projects.

CSS Variables
:root {
  --electric-lime: #00ff00;
  --lime-light: #66ff66;
  --lime-dark: #00cc00;
}

.button {
  background: var(--electric-lime);
  color: #000000;
  box-shadow: 0 10px 30px rgba(0, 255, 0, 0.3);
}
Accessibility

Contrast & Readability

Ensure your designs meet WCAG accessibility standards with proper contrast ratios.

On Dark Backgrounds

Electric Lime Text
Contrast Ratio: 15.3:1
AAA Compliant ✓

Excellent contrast for all text sizes. Perfect for dark mode interfaces, gaming UIs, and tech applications.

On Light Backgrounds

Electric Lime Text
Contrast Ratio: 1.37:1
Fails WCAG ✗

Poor contrast. Use darker shades like #009900 or #006600 for text on light backgrounds to meet accessibility standards.

Best Practices

Design Guidelines

Expert recommendations for using Electric Lime effectively in your design projects.

✓ Do's

  • Use on dark backgrounds for maximum visual impact and readability
  • Pair with black, charcoal, or navy for sophisticated tech aesthetics
  • Apply to accents, highlights, and interactive elements
  • Combine with cyan or yellow for vibrant, energetic palettes
  • Use for success states, active indicators, and "go" signals
  • Test all contrast ratios to ensure accessibility compliance

✗ Don'ts

  • Avoid using on white or light backgrounds without darkening
  • Don't use for body text or long-form reading content
  • Avoid pairing with red (creates uncomfortable visual vibration)
  • Don't overuse—it can overwhelm and fatigue viewers
  • Avoid in traditional corporate or formal business contexts
  • Don't use for subtle, elegant, or minimalist design approaches
✓ Copied to clipboard!

Build Your Portfolio with Portlu – HTML5 Template from $17

Showcase your skills, projects, and agency with Portlu—a modern, customizable HTML5 template designed for creative professionals.

View on ThemeForest