Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.1.0-beta)
// ----

$base-colors: (
  red: #ea1c2c,
  drkred: #5b0411,
  ltred: #e28a91,
  blue: #2daae1,
  drkblue: #2596c7,
  drkrblue: #123341,
  reverse: #fff,
  navy: #225164,
  grey: #8e8d8d,
  bordergrey: #e6e6e6,
  drkgrey: #2a2e32,
  drkstgrey: #131111,
  black: #000,
  footergrey: #4d4c4d,
  drophover: #cbecf4,
  dev-log: #113240
);

$tint-colors: (
  ltnavy: tint(map-get($base-colors, navy), 3),
  darknavy: darken(map-get($base-colors, navy), 10),
  coolgray: tint(map-get($base-colors, navy), 20),
  softgray: tint(map-get($base-colors, navy), 35),
  fadedgray: tint(map-get($base-colors, navy), 90),
  ltblue: tint(map-get($base-colors, blue), 40),
  ltgrey: tint(#000, 92),
  ltrgrey: tint(#000, 98)
);

$colors: map-merge($base-colors, $tint-colors);

@function color($color) {
  @return map-get($colors, $color);
}

body {
  background-color: fade-out(color(red), 0.5);
}

SassMeister-output.css

body {
  background-color: rgba(234, 28, 44, 0.5); }