#E17F73

CSS

:root {
  --bite-my-tongue: #e17f73;
  --bite-my-tongue-rgb: 225 127 115;
  --bite-my-tongue-oklch: oklch(0.701 0.123 28);
}

.element {
  color: var(--bite-my-tongue);
  background-color: hsl(7 65% 67%);
  border-color: oklch(0.701 0.123 28);
}

Tailwind CSS v4

@theme {
  --color-bite-my-tongue: #e17f73;
  --color-bite-my-tongue-50: #ffe9e1;
  --color-bite-my-tongue-100: #ffd9d0;
  --color-bite-my-tongue-200: #ffc1b5;
  --color-bite-my-tongue-300: #f09f92;
  --color-bite-my-tongue-400: #de8175;
  --color-bite-my-tongue-500: #cb6257;
  --color-bite-my-tongue-600: #ab544a;
  --color-bite-my-tongue-700: #8a433b;
  --color-bite-my-tongue-800: #662f2b;
  --color-bite-my-tongue-900: #48201d;
  --color-bite-my-tongue-950: #2f0f0d;
}

SCSS

$bite-my-tongue: #e17f73;
$bite-my-tongue-rgb: 225, 127, 115;
$bite-my-tongue-light: mix(#fff, $bite-my-tongue, 20%);
$bite-my-tongue-dark: mix(#000, $bite-my-tongue, 20%);

.element {
  color: $bite-my-tongue;
  box-shadow: 0 0 0 2px rgba($bite-my-tongue, 0.35);
}