Neon Yellow

Radioactive and relentless — neon yellow demands attention with the force of a highlighter pen.

Shades 11

Base #ffff00

RGB 255, 255, 0

100

200

300

400

500

600

700

800

All Neon Yellow Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --neon-yellow-50: #ffffeb;
  --neon-yellow-100: #ffffc2;
  --neon-yellow-200: #ffff85;
  --neon-yellow-300: #ffff3d;
  --neon-yellow-400: #ffff00;
  --neon-yellow-500: #d4d400;
  --neon-yellow-600: #a8a800;
  --neon-yellow-700: #7e7e00;
  --neon-yellow-800: #565600;
  --neon-yellow-900: #333300;
  --neon-yellow-950: #191900;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        neon-yellow: {
          50: '#ffffeb',
          100: '#ffffc2',
          200: '#ffff85',
          300: '#ffff3d',
          400: '#ffff00',
          500: '#d4d400',
          600: '#a8a800',
          700: '#7e7e00',
          800: '#565600',
          900: '#333300',
          950: '#191900',
        },
      },
    },
  },
};

SCSS Map

$neon-yellow-palette: (
  50: #ffffeb,
  100: #ffffc2,
  200: #ffff85,
  300: #ffff3d,
  400: #ffff00,
  500: #d4d400,
  600: #a8a800,
  700: #7e7e00,
  800: #565600,
  900: #333300,
  950: #191900,
);