Generated by SassMeister.com.

input.scss

$primary: #0a8287;
$secondary: #0e247e;

.secondary-700 {
    color: $secondary;
}
// target: #003865 00 38 65
.secondary-600 {
    color: mix($primary, scale-color($secondary, $lightness: 5%, $saturation: 5%), 15%)
}
// target: #00508a 00 50 8a
.secondary-500 {
    color: mix($primary, scale-color($secondary, $lightness: 5%, $saturation: 15%), 45%)
}

output.css

.secondary-700 {
  color: #0e247e;
}

.secondary-600 {
  color: #0e368e;
}

.secondary-500 {
  color: #0c508d;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}