#E86FC3

CSS

:root {
  --nervous-neon-pink: #e86fc3;
  --nervous-neon-pink-rgb: 232 111 195;
  --nervous-neon-pink-oklch: oklch(0.71 0.178 340.5);
}

.element {
  color: var(--nervous-neon-pink);
  background-color: hsl(318 72% 67%);
  border-color: oklch(0.71 0.178 340.5);
}

Tailwind CSS v4

@theme {
  --color-nervous-neon-pink: #e86fc3;
  --color-nervous-neon-pink-50: #ffe2ff;
  --color-nervous-neon-pink-100: #ffd1f8;
  --color-nervous-neon-pink-200: #ffb6e9;
  --color-nervous-neon-pink-300: #f591d0;
  --color-nervous-neon-pink-400: #e16fbe;
  --color-nervous-neon-pink-500: #ce4aa9;
  --color-nervous-neon-pink-600: #ae408f;
  --color-nervous-neon-pink-700: #8c3373;
  --color-nervous-neon-pink-800: #672457;
  --color-nervous-neon-pink-900: #49183d;
  --color-nervous-neon-pink-950: #2f0826;
}

SCSS

$nervous-neon-pink: #e86fc3;
$nervous-neon-pink-rgb: 232, 111, 195;
$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);
}