Dark Pastel Purple Color

/* Dark Pastel Purple Color */
:root {
  --color-dark-pastel-purple-color: #967BB6;
  --color-dark-pastel-purple-color-rgb: 150, 123, 182;
}

.element {
  background-color: var(--color-dark-pastel-purple-color);
  color: rgba(var(--color-dark-pastel-purple-color-rgb), 0.8);
}

// Dark Pastel Purple Color Variables
$dark-pastel-purple-color: #967BB6;
$dark-pastel-purple-color-rgb: 150, 123, 182;

// Usage
.element {
  background-color: $dark-pastel-purple-color;
  border-color: darken($dark-pastel-purple-color, 10%);
  box-shadow: 0 4px 6px rgba($dark-pastel-purple-color-rgb, 0.2);
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'dark-pastel-purple-color': '#967BB6',
        'dark-pastel-purple-color-light': '#BDADD2',
        'dark-pastel-purple-color-dark': '#6F5194',
      },
    },
  },
}

{
  "name": "Dark Pastel Purple Color",
  "hex": "#967BB6",
  "rgb": {
    "r": 150,
    "g": 123,
    "b": 182
  },
  "hsl": {
    "h": 267,
    "s": 29,
    "l": 60
  }
}