#C880D5

CSS

:root {
  --pink-orchid: #c880d5;
  --pink-orchid-rgb: 200 128 213;
  --pink-orchid-oklch: oklch(0.705 0.143 321.3);
}

.element {
  color: var(--pink-orchid);
  background-color: hsl(291 50% 67%);
  border-color: oklch(0.705 0.143 321.3);
}

Tailwind CSS v4

@theme {
  --color-pink-orchid: #c880d5;
  --color-pink-orchid-50: #ffe8ff;
  --color-pink-orchid-100: #ffd9ff;
  --color-pink-orchid-200: #f3c0f8;
  --color-pink-orchid-300: #db9ee1;
  --color-pink-orchid-400: #c581d1;
  --color-pink-orchid-500: #b062be;
  --color-pink-orchid-600: #9553a1;
  --color-pink-orchid-700: #774381;
  --color-pink-orchid-800: #573061;
  --color-pink-orchid-900: #3d2144;
  --color-pink-orchid-950: #26102c;
}

SCSS

$pink-orchid: #c880d5;
$pink-orchid-rgb: 200, 128, 213;
$pink-orchid-light: mix(#fff, $pink-orchid, 20%);
$pink-orchid-dark: mix(#000, $pink-orchid, 20%);

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