#E8769D

CSS

:root {
  --embarrassed: #e8769d;
  --embarrassed-rgb: 232 118 157;
  --embarrassed-oklch: oklch(0.707 0.146 359.8);
}

.element {
  color: var(--embarrassed);
  background-color: hsl(339 71% 69%);
  border-color: oklch(0.707 0.146 359.8);
}

Tailwind CSS v4

@theme {
  --color-embarrassed: #e8769d;
  --color-embarrassed-50: #ffe4f2;
  --color-embarrassed-100: #ffd4e4;
  --color-embarrassed-200: #ffbacf;
  --color-embarrassed-300: #f597b2;
  --color-embarrassed-400: #e3779b;
  --color-embarrassed-500: #d05582;
  --color-embarrassed-600: #af496e;
  --color-embarrassed-700: #8d3a58;
  --color-embarrassed-800: #682942;
  --color-embarrassed-900: #4a1c2e;
  --color-embarrassed-950: #300b1b;
}

SCSS

$embarrassed: #e8769d;
$embarrassed-rgb: 232, 118, 157;
$embarrassed-light: mix(#fff, $embarrassed, 20%);
$embarrassed-dark: mix(#000, $embarrassed, 20%);

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