Dark Grey Blue Color

/* Dark Grey Blue Color */
:root {
  --color-dark-grey-blue-color: #1A2F5B;
  --color-dark-grey-blue-color-rgb: 26, 47, 91;
}

.element {
  background-color: var(--color-dark-grey-blue-color);
  color: rgba(var(--color-dark-grey-blue-color-rgb), 0.8);
}

// Dark Grey Blue Color Variables
$dark-grey-blue-color: #1A2F5B;
$dark-grey-blue-color-rgb: 26, 47, 91;

// Usage
.element {
  background-color: $dark-grey-blue-color;
  border-color: darken($dark-grey-blue-color, 10%);
  box-shadow: 0 4px 6px rgba($dark-grey-blue-color-rgb, 0.2);
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'dark-grey-blue-color': '#1A2F5B',
        'dark-grey-blue-color-light': '#2B4D97',
        'dark-grey-blue-color-dark': '#091020',
      },
    },
  },
}

{
  "name": "Dark Grey Blue Color",
  "hex": "#1A2F5B",
  "rgb": {
    "r": 26,
    "g": 47,
    "b": 91
  },
  "hsl": {
    "h": 221,
    "s": 56,
    "l": 23
  }
}