Registration Black

CSS

:root {
  --registration-black: #000200;
  --registration-black-rgb: 0 2 0;
  --registration-black-oklch: oklch(0.073 0.025 142.5);
}

.element {
  color: var(--registration-black);
  background-color: hsl(120 100% 0%);
  border-color: oklch(0.073 0.025 142.5);
}

Tailwind CSS v4

@theme {
  --color-registration-black: #000200;
  --color-registration-black-50: #f1f7f1;
  --color-registration-black-100: #e3eae3;
  --color-registration-black-200: #ced7ce;
  --color-registration-black-300: #b0bbb0;
  --color-registration-black-400: #96a295;
  --color-registration-black-500: #7d8b7c;
  --color-registration-black-600: #6a7569;
  --color-registration-black-700: #555e54;
  --color-registration-black-800: #3e453d;
  --color-registration-black-900: #2b2f2a;
  --color-registration-black-950: #181c17;
}

SCSS

$registration-black: #000200;
$registration-black-rgb: 0, 2, 0;
$registration-black-light: mix(#fff, $registration-black, 20%);
$registration-black-dark: mix(#000, $registration-black, 20%);

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