#E970BB

CSS

:root {
  --nervous-neon-pink: #e970bb;
  --nervous-neon-pink-rgb: 233 112 187;
  --nervous-neon-pink-oklch: oklch(0.71 0.172 344.3);
}

.element {
  color: var(--nervous-neon-pink);
  background-color: hsl(323 73% 68%);
  border-color: oklch(0.71 0.172 344.3);
}

Tailwind CSS v4

@theme {
  --color-nervous-neon-pink: #e970bb;
  --color-nervous-neon-pink-50: #ffe2ff;
  --color-nervous-neon-pink-100: #ffd1f4;
  --color-nervous-neon-pink-200: #ffb6e3;
  --color-nervous-neon-pink-300: #f692c9;
  --color-nervous-neon-pink-400: #e270b7;
  --color-nervous-neon-pink-500: #d04ca1;
  --color-nervous-neon-pink-600: #af4188;
  --color-nervous-neon-pink-700: #8d346d;
  --color-nervous-neon-pink-800: #682552;
  --color-nervous-neon-pink-900: #491939;
  --color-nervous-neon-pink-950: #300924;
}

SCSS

$nervous-neon-pink: #e970bb;
$nervous-neon-pink-rgb: 233, 112, 187;
$nervous-neon-pink-light: mix(#fff, $nervous-neon-pink, 20%);
$nervous-neon-pink-dark: mix(#000, $nervous-neon-pink, 20%);

.element {
  color: $nervous-neon-pink;
  box-shadow: 0 0 0 2px rgba($nervous-neon-pink, 0.35);
}