Neon Green

High-voltage and unforgettable — neon green pulses with digital energy and cyberpunk flair.

Shades 11

Base #39ff14

RGB 57, 255, 20

100

200

300

400

500

600

700

800

All Neon Green Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --neon-green-50: #f2ffe8;
  --neon-green-100: #dcffca;
  --neon-green-200: #b8ff98;
  --neon-green-300: #83ff58;
  --neon-green-400: #39ff14;
  --neon-green-500: #1de000;
  --neon-green-600: #17ad00;
  --neon-green-700: #118200;
  --neon-green-800: #0c5900;
  --neon-green-900: #063400;
  --neon-green-950: #031a00;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        neon-green: {
          50: '#f2ffe8',
          100: '#dcffca',
          200: '#b8ff98',
          300: '#83ff58',
          400: '#39ff14',
          500: '#1de000',
          600: '#17ad00',
          700: '#118200',
          800: '#0c5900',
          900: '#063400',
          950: '#031a00',
        },
      },
    },
  },
};

SCSS Map

$neon-green-palette: (
  50: #f2ffe8,
  100: #dcffca,
  200: #b8ff98,
  300: #83ff58,
  400: #39ff14,
  500: #1de000,
  600: #17ad00,
  700: #118200,
  800: #0c5900,
  900: #063400,
  950: #031a00,
);