#30262A

CSS

:root {
  --smoky-charcoal: #30262a;
  --smoky-charcoal-rgb: 48 38 42;
  --smoky-charcoal-oklch: oklch(0.282 0.016 352.2);
}

.element {
  color: var(--smoky-charcoal);
  background-color: hsl(336 12% 17%);
  border-color: oklch(0.282 0.016 352.2);
}

Tailwind CSS v4

@theme {
  --color-smoky-charcoal: #30262a;
  --color-smoky-charcoal-50: #f9f3f5;
  --color-smoky-charcoal-100: #ede6e8;
  --color-smoky-charcoal-200: #dad1d4;
  --color-smoky-charcoal-300: #bfb4b8;
  --color-smoky-charcoal-400: #a79b9f;
  --color-smoky-charcoal-500: #8f8287;
  --color-smoky-charcoal-600: #796e72;
  --color-smoky-charcoal-700: #61585b;
  --color-smoky-charcoal-800: #474043;
  --color-smoky-charcoal-900: #312c2e;
  --color-smoky-charcoal-950: #1d191b;
}

SCSS

$smoky-charcoal: #30262a;
$smoky-charcoal-rgb: 48, 38, 42;
$smoky-charcoal-light: mix(#fff, $smoky-charcoal, 20%);
$smoky-charcoal-dark: mix(#000, $smoky-charcoal, 20%);

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