#FB9A7E

CSS

:root {
  --flash-in-the-pan: #fb9a7e;
  --flash-in-the-pan-rgb: 251 154 126;
  --flash-in-the-pan-oklch: oklch(0.78 0.123 36.9);
}

.element {
  color: var(--flash-in-the-pan);
  background-color: hsl(13 94% 74%);
  border-color: oklch(0.78 0.123 36.9);
}

Tailwind CSS v4

@theme {
  --color-flash-in-the-pan: #fb9a7e;
  --color-flash-in-the-pan-50: #ffeadc;
  --color-flash-in-the-pan-100: #ffdbca;
  --color-flash-in-the-pan-200: #ffc3ae;
  --color-flash-in-the-pan-300: #eea288;
  --color-flash-in-the-pan-400: #dd8369;
  --color-flash-in-the-pan-500: #ca6548;
  --color-flash-in-the-pan-600: #aa563d;
  --color-flash-in-the-pan-700: #894431;
  --color-flash-in-the-pan-800: #663124;
  --color-flash-in-the-pan-900: #482118;
  --color-flash-in-the-pan-950: #2f1009;
}

SCSS

$flash-in-the-pan: #fb9a7e;
$flash-in-the-pan-rgb: 251, 154, 126;
$flash-in-the-pan-light: mix(#fff, $flash-in-the-pan, 20%);
$flash-in-the-pan-dark: mix(#000, $flash-in-the-pan, 20%);

.element {
  color: $flash-in-the-pan;
  box-shadow: 0 0 0 2px rgba($flash-in-the-pan, 0.35);
}