#265277

CSS

:root {
  --color-3am-in-shibuya: #265277;
  --color-3am-in-shibuya-rgb: 38 82 119;
  --color-3am-in-shibuya-oklch: oklch(0.425 0.079 246.4);
}

.element {
  color: var(--color-3am-in-shibuya);
  background-color: hsl(207 52% 31%);
  border-color: oklch(0.425 0.079 246.4);
}

Tailwind CSS v4

@theme {
  --color-color-3am-in-shibuya: #265277;
  --color-color-3am-in-shibuya-50: #e4f8ff;
  --color-color-3am-in-shibuya-100: #d4ebff;
  --color-color-3am-in-shibuya-200: #bbd8f5;
  --color-color-3am-in-shibuya-300: #98bcde;
  --color-color-3am-in-shibuya-400: #78a3cb;
  --color-color-3am-in-shibuya-500: #598bb8;
  --color-color-3am-in-shibuya-600: #4c769b;
  --color-color-3am-in-shibuya-700: #3c5e7c;
  --color-color-3am-in-shibuya-800: #2a455c;
  --color-color-3am-in-shibuya-900: #1c3040;
  --color-color-3am-in-shibuya-950: #0c1c29;
}

SCSS

$color-3am-in-shibuya: #265277;
$color-3am-in-shibuya-rgb: 38, 82, 119;
$color-3am-in-shibuya-light: mix(#fff, $color-3am-in-shibuya, 20%);
$color-3am-in-shibuya-dark: mix(#000, $color-3am-in-shibuya, 20%);

.element {
  color: $color-3am-in-shibuya;
  box-shadow: 0 0 0 2px rgba($color-3am-in-shibuya, 0.35);
}