Electric Violet
See how #A811DA looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Electric Violet Base */
--color-primary: #A811DA;
--color-primary-rgb: 168 17 218;
--color-primary-hsl: 285 86% 46%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f8e7fd;
--color-primary-100: #e9b8fa;
--color-primary-200: #db88f6;
--color-primary-300: #cc59f3;
--color-primary-400: #be2aef;
--color-primary-500: #a410d5;
--color-primary-600: #800ca6;
--color-primary-700: #5b0977;
--color-primary-800: #370547;
--color-primary-900: #120218;
}