The Art of Seduction

CSS

:root {
  --the-art-of-seduction: #dd0088;
  --the-art-of-seduction-rgb: 221 0 136;
  --the-art-of-seduction-oklch: oklch(0.588 0.243 353.3);
}

.element {
  color: var(--the-art-of-seduction);
  background-color: hsl(323 100% 43%);
  border-color: oklch(0.588 0.243 353.3);
}

Tailwind CSS v4

@theme {
  --color-the-art-of-seduction: #dd0088;
  --color-the-art-of-seduction-50: #ffd9f8;
  --color-the-art-of-seduction-100: #ffc6eb;
  --color-the-art-of-seduction-200: #ffa6d9;
  --color-the-art-of-seduction-300: #ff7bbd;
  --color-the-art-of-seduction-400: #ff4daa;
  --color-the-art-of-seduction-500: #f10093;
  --color-the-art-of-seduction-600: #cb007c;
  --color-the-art-of-seduction-700: #a40063;
  --color-the-art-of-seduction-800: #79004c;
  --color-the-art-of-seduction-900: #560335;
  --color-the-art-of-seduction-950: #390020;
}

SCSS

$the-art-of-seduction: #dd0088;
$the-art-of-seduction-rgb: 221, 0, 136;
$the-art-of-seduction-light: mix(#fff, $the-art-of-seduction, 20%);
$the-art-of-seduction-dark: mix(#000, $the-art-of-seduction, 20%);

.element {
  color: $the-art-of-seduction;
  box-shadow: 0 0 0 2px rgba($the-art-of-seduction, 0.35);
}