Neon Pink

Retro-futuristic and fierce — neon pink lights up the night with electric attitude.

Shades 11

Base #ff6ec7

RGB 255, 110, 199

100

200

300

400

500

600

700

800

All Neon Pink Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --neon-pink-50: #fff0f9;
  --neon-pink-100: #ffd9f2;
  --neon-pink-200: #ffb3e6;
  --neon-pink-300: #ff83d5;
  --neon-pink-400: #ff6ec7;
  --neon-pink-500: #f033a8;
  --neon-pink-600: #c41f87;
  --neon-pink-700: #951565;
  --neon-pink-800: #660d45;
  --neon-pink-900: #3d0629;
  --neon-pink-950: #1e0314;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        neon-pink: {
          50: '#fff0f9',
          100: '#ffd9f2',
          200: '#ffb3e6',
          300: '#ff83d5',
          400: '#ff6ec7',
          500: '#f033a8',
          600: '#c41f87',
          700: '#951565',
          800: '#660d45',
          900: '#3d0629',
          950: '#1e0314',
        },
      },
    },
  },
};

SCSS Map

$neon-pink-palette: (
  50: #fff0f9,
  100: #ffd9f2,
  200: #ffb3e6,
  300: #ff83d5,
  400: #ff6ec7,
  500: #f033a8,
  600: #c41f87,
  700: #951565,
  800: #660d45,
  900: #3d0629,
  950: #1e0314,
);