Electric Lime Color Psychology & Meaning
Electric Lime is maximum energy on maximum contrast — the color of safety vests and acid house raves, now claimed by streetwear and tech brands.
#0A0A0A
#CCFF00
#1A1A1A
#808080
Background
Primary Accent
Secondary
Body Text
Electric Lime
neonboldnight springsummer brandingfashion
AA
WCAG Grade
5.0:1
Contrast Ratio
3,421
Saves
9,234
AI Copies
Use #0A0A0A as the background. Use #CCFF00 as the primary accent. Use #1A1A1A as secondary. Use #808080 as body text/supporting color. Palette mood: Electric Lime — neon, bold, night.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Electric Lime color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 0.3% | 10, 10, 10 | 0%, 0%, 0%, 96% | 0°, 0%, 4% | ||
| Primary Accent Luminance: 84.4% | 204, 255, 0 | 20%, 0%, 100%, 0% | 72°, 100%, 50% | ||
| Secondary Luminance: 1.0% | 26, 26, 26 | 0%, 0%, 0%, 90% | 0°, 0%, 10% | ||
| Body Text Luminance: 21.6% | 128, 128, 128 | 0%, 0%, 0%, 50% | 0°, 0%, 50% |
Color Harmony: Custom Scheme
The Electric Lime palette is built using a custom relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A custom palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Acid green and neon yellow emerged in rave culture in the late 1980s. They were also adopted in safety and visibility contexts. Fashion reclaimed them in the 2010s.
Best Design Use Cases
Near-black background always. Electric lime as the only color. Nothing else — the restraint amplifies the energy.
Industries This Palette Suits
Streetwear, gaming, music, energy brands, technology.
How to Implement the Electric Lime Color Scheme
To use this Electric Lime color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #0A0A0A for the main background and #CCFF00 for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #808080 and #0A0A0A is 5.01:1 (AA). Ensure your body text remains legible.