Crown of Liechtenstein

CSS

:root {
  --crown-of-liechtenstein: #d8b411;
  --crown-of-liechtenstein-rgb: 216 180 17;
  --crown-of-liechtenstein-oklch: oklch(0.779 0.157 94.1);
}

.element {
  color: var(--crown-of-liechtenstein);
  background-color: hsl(49 85% 46%);
  border-color: oklch(0.779 0.157 94.1);
}

Tailwind CSS v4

@theme {
  --color-crown-of-liechtenstein: #d8b411;
  --color-crown-of-liechtenstein-50: #fff6c3;
  --color-crown-of-liechtenstein-100: #f7e9ac;
  --color-crown-of-liechtenstein-200: #e8d485;
  --color-crown-of-liechtenstein-300: #cfb74f;
  --color-crown-of-liechtenstein-400: #bd9b00;
  --color-crown-of-liechtenstein-500: #a98100;
  --color-crown-of-liechtenstein-600: #8e6d00;
  --color-crown-of-liechtenstein-700: #725700;
  --color-crown-of-liechtenstein-800: #563f00;
  --color-crown-of-liechtenstein-900: #3c2b00;
  --color-crown-of-liechtenstein-950: #261800;
}

SCSS

$crown-of-liechtenstein: #d8b411;
$crown-of-liechtenstein-rgb: 216, 180, 17;
$crown-of-liechtenstein-light: mix(#fff, $crown-of-liechtenstein, 20%);
$crown-of-liechtenstein-dark: mix(#000, $crown-of-liechtenstein, 20%);

.element {
  color: $crown-of-liechtenstein;
  box-shadow: 0 0 0 2px rgba($crown-of-liechtenstein, 0.35);
}