diff --git a/spec/core_functions/color/invert.hrx b/spec/core_functions/color/invert.hrx
deleted file mode 100644
index 1faaca713..000000000
--- a/spec/core_functions/color/invert.hrx
+++ /dev/null
@@ -1,311 +0,0 @@
-<===> white/input.scss
-a {b: invert(white)}
-
-<===> white/output.css
-a {
-  b: black;
-}
-
-<===>
-================================================================================
-<===> black/input.scss
-a {b: invert(black)}
-
-<===> black/output.css
-a {
-  b: white;
-}
-
-<===>
-================================================================================
-<===> gray/input.scss
-a {b: invert(gray)}
-
-<===> gray/output.css
-a {
-  b: #7f7f7f;
-}
-
-<===>
-================================================================================
-<===> turquoise/input.scss
-a {b: invert(turquoise)}
-
-<===> turquoise/output.css
-a {
-  b: #bf1f2f;
-}
-
-<===>
-================================================================================
-<===> weighted/min/input.scss
-a {b: invert(turquoise, 0%)}
-
-<===> weighted/min/output.css
-a {
-  b: turquoise;
-}
-
-<===>
-================================================================================
-<===> weighted/max/input.scss
-a {b: invert(turquoise, 100%)}
-
-<===> weighted/max/output.css
-a {
-  b: #bf1f2f;
-}
-
-<===>
-================================================================================
-<===> weighted/middle/input.scss
-a {b: invert(turquoise, 50%)}
-
-<===> weighted/middle/output.css
-a {
-  b: gray;
-}
-
-<===>
-================================================================================
-<===> weighted/low/input.scss
-a {b: invert(turquoise, 23%)}
-
-<===> weighted/low/output.css
-a {
-  b: #5db4ab;
-}
-
-<===>
-================================================================================
-<===> weighted/high/input.scss
-a {b: invert(turquoise, 92%)}
-
-<===> weighted/high/output.css
-a {
-  b: #b52e3c;
-}
-
-<===>
-================================================================================
-<===> alpha/input.scss
-a {b: invert(rgba(turquoise, 0.4))}
-
-<===> alpha/output.css
-a {
-  b: rgba(191, 31, 47, 0.4);
-}
-
-<===>
-================================================================================
-<===> number/input.scss
-a {b: invert(10%)}
-
-<===> number/output.css
-a {
-  b: invert(10%);
-}
-
-<===>
-================================================================================
-<===> named/input.scss
-a {b: invert($color: turquoise, $weight: 0%)}
-
-<===> named/output.css
-a {
-  b: turquoise;
-}
-
-<===>
-================================================================================
-<===> units/weight/unitless/input.scss
-a {b: invert(turquoise, 10)}
-
-<===> units/weight/unitless/output.css
-a {
-  b: #4dcdc0;
-}
-
-<===> units/weight/unitless/warning
-DEPRECATION WARNING: $weight: Passing a number without unit % (10) is deprecated.
-
-To preserve current behavior: $weight * 1%
-
-More info: https://sass-lang.com/d/function-units
-
-  ,
-1 | a {b: invert(turquoise, 10)}
-  |       ^^^^^^^^^^^^^^^^^^^^^
-  '
-    input.scss 1:7  root stylesheet
-
-<===>
-================================================================================
-<===> units/weight/unknown/input.scss
-a {b: invert(turquoise, 10px)}
-
-<===> units/weight/unknown/output.css
-a {
-  b: #4dcdc0;
-}
-
-<===> units/weight/unknown/warning
-DEPRECATION WARNING: $weight: Passing a number without unit % (10px) is deprecated.
-
-To preserve current behavior: calc($weight / 1px * 1%)
-
-More info: https://sass-lang.com/d/function-units
-
-  ,
-1 | a {b: invert(turquoise, 10px)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^
-  '
-    input.scss 1:7  root stylesheet
-
-<===>
-================================================================================
-<===> with_css_var/input.scss
-a {b: invert(var(--c))}
-
-<===> with_css_var/output.css
-a {
-  b: invert(var(--c));
-}
-
-<===>
-================================================================================
-<===> with_calc/input.scss
-a {b: invert(calc(1 + 2))}
-
-<===> with_calc/output.css
-a {
-  b: invert(3);
-}
-
-<===>
-================================================================================
-<===> with_unquoted_calc/input.scss
-a {b: invert(unquote('calc(1)'))}
-
-<===> with_unquoted_calc/output.css
-a {
-  b: invert(calc(1));
-}
-
-<===>
-================================================================================
-<===> error/too_few_args/input.scss
-a {b: invert()}
-
-<===> error/too_few_args/error
-Error: Missing argument $color.
-  ,--> input.scss
-1 | a {b: invert()}
-  |       ^^^^^^^^ invocation
-  '
-  ,--> sass:color
-1 | @function invert($color, $weight: 100%, $space: null) {
-  |           =========================================== declaration
-  '
-  input.scss 1:7  root stylesheet
-
-<===>
-================================================================================
-<===> error/too_many_args/options.yml
----
-:todo:
-- dart-sass
-
-<===> error/too_many_args/input.scss
-a {b: invert(turquoise, 0%, 1)}
-
-<===> error/too_many_args/error
-Error: Only 2 arguments allowed, but 3 were passed.
-  ,--> input.scss
-1 | a {b: invert(turquoise, 0%, 1)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^ invocation
-  '
-  ,--> sass:color
-1 | @function invert($color, $weight: 100%) {
-  |           ============================= declaration
-  '
-  input.scss 1:7  root stylesheet
-
-<===>
-================================================================================
-<===> error/number_with_weight/input.scss
-a {b: invert(1, 50%)}
-
-<===> error/number_with_weight/error
-Error: Only one argument may be passed to the plain-CSS invert() function.
-  ,
-1 | a {b: invert(1, 50%)}
-  |       ^^^^^^^^^^^^^^
-  '
-  input.scss 1:7  root stylesheet
-
-<===>
-================================================================================
-<===> error/type/color/input.scss
-a {b: invert(c)}
-
-<===> error/type/color/error
-Error: $color: c is not a color.
-  ,
-1 | a {b: invert(c)}
-  |       ^^^^^^^^^
-  '
-  input.scss 1:7  root stylesheet
-
-<===>
-================================================================================
-<===> error/type/with_module/input.scss
-@use 'sass:color';
-a {b: color.invert(var(--c))}
-
-<===> error/type/with_module/error
-Error: $color: var(--c) is not a color.
-  ,
-2 | a {b: color.invert(var(--c))}
-  |       ^^^^^^^^^^^^^^^^^^^^^^
-  '
-  input.scss 2:7  root stylesheet
-
-<===>
-================================================================================
-<===> error/type/weight/input.scss
-a {b: invert(red, c)}
-
-<===> error/type/weight/error
-Error: $weight: c is not a number.
-  ,
-1 | a {b: invert(red, c)}
-  |       ^^^^^^^^^^^^^^
-  '
-  input.scss 1:7  root stylesheet
-
-<===>
-================================================================================
-<===> error/bounds/too_low/input.scss
-a {b: invert(red, -0.001%)}
-
-<===> error/bounds/too_low/error
-Error: $weight: Expected -0.001% to be within 0% and 100%.
-  ,
-1 | a {b: invert(red, -0.001%)}
-  |       ^^^^^^^^^^^^^^^^^^^^
-  '
-  input.scss 1:7  root stylesheet
-
-<===>
-================================================================================
-<===> error/bounds/too_high/input.scss
-a {b: invert(red, 100.001%)}
-
-<===> error/bounds/too_high/error
-Error: $weight: Expected 100.001% to be within 0% and 100%.
-  ,
-1 | a {b: invert(red, 100.001%)}
-  |       ^^^^^^^^^^^^^^^^^^^^^
-  '
-  input.scss 1:7  root stylesheet
diff --git a/spec/core_functions/color/invert/alpha.hrx b/spec/core_functions/color/invert/alpha.hrx
new file mode 100644
index 000000000..f29372f18
--- /dev/null
+++ b/spec/core_functions/color/invert/alpha.hrx
@@ -0,0 +1,8 @@
+<===> input.scss
+@use 'sass:color';
+a {b: color.invert(rgba(turquoise, 0.4))}
+
+<===> output.css
+a {
+  b: rgba(191, 31, 47, 0.4);
+}
diff --git a/spec/core_functions/color/invert/error.hrx b/spec/core_functions/color/invert/error.hrx
new file mode 100644
index 000000000..7ed58d491
--- /dev/null
+++ b/spec/core_functions/color/invert/error.hrx
@@ -0,0 +1,157 @@
+<===> too_few_args/input.scss
+@use 'sass:color';
+a {b: color.invert()}
+
+<===> too_few_args/error
+Error: Missing argument $color.
+  ,--> input.scss
+2 | a {b: color.invert()}
+  |       ^^^^^^^^^^^^^^ invocation
+  '
+  ,--> sass:color
+1 | @function invert($color, $weight: 100%, $space: null) {
+  |           =========================================== declaration
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> too_many_args/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise, 0%, hsl, 1)}
+
+<===> too_many_args/error
+Error: Only 3 arguments allowed, but 4 were passed.
+  ,--> input.scss
+2 | a {b: color.invert(turquoise, 0%, hsl, 1)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation
+  '
+  ,--> sass:color
+1 | @function invert($color, $weight: 100%, $space: null) {
+  |           =========================================== declaration
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> global/number_with_weight/input.scss
+a {b: invert(1, 50%)}
+
+<===> global/number_with_weight/error
+Error: Only one argument may be passed to the plain-CSS invert() function.
+  ,
+1 | a {b: invert(1, 50%)}
+  |       ^^^^^^^^^^^^^^
+  '
+  input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> global/type/color/input.scss
+a {b: invert(c)}
+
+<===> global/type/color/error
+Error: $color: c is not a color.
+  ,
+1 | a {b: invert(c)}
+  |       ^^^^^^^^^
+  '
+  input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> type/color/input.scss
+@use 'sass:color';
+a {b: color.invert(c)}
+
+<===> type/color/error
+Error: $color: c is not a color.
+  ,
+2 | a {b: color.invert(c)}
+  |       ^^^^^^^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> type/weight/input.scss
+@use 'sass:color';
+a {b: color.invert(red, c)}
+
+<===> type/weight/error
+Error: $weight: c is not a number.
+  ,
+2 | a {b: color.invert(red, c)}
+  |       ^^^^^^^^^^^^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> type/space/input.scss
+@use 'sass:color';
+a {b: color.invert(red, 10%, 1)}
+
+<===> type/space/error
+Error: $space: 1 is not a string.
+  ,
+2 | a {b: color.invert(red, 10%, 1)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> space/quoted/input.scss
+@use 'sass:color';
+a {b: color.invert(red, 10%, "lch")}
+
+<===> space/quoted/error
+Error: $space: Expected "lch" to be an unquoted string.
+  ,
+2 | a {b: color.invert(red, 10%, "lch")}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> space/unknown/input.scss
+@use 'sass:color';
+a {b: color.invert(red, 10%, c)}
+
+<===> space/unknown/error
+Error: $space: Unknown color space "c".
+  ,
+2 | a {b: color.invert(red, 10%, c)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> bounds/too_low/input.scss
+@use 'sass:color';
+a {b: color.invert(red, -0.001%)}
+
+<===> bounds/too_low/error
+Error: $weight: Expected -0.001% to be within 0% and 100%.
+  ,
+2 | a {b: color.invert(red, -0.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> bounds/too_high/input.scss
+@use 'sass:color';
+a {b: color.invert(red, 100.001%)}
+
+<===> bounds/too_high/error
+Error: $weight: Expected 100.001% to be within 0% and 100%.
+  ,
+2 | a {b: color.invert(red, 100.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
diff --git a/spec/core_functions/color/invert/global.hrx b/spec/core_functions/color/invert/global.hrx
new file mode 100644
index 000000000..e991643d4
--- /dev/null
+++ b/spec/core_functions/color/invert/global.hrx
@@ -0,0 +1,57 @@
+<===> legacy/input.scss
+a {b: invert(red)}
+
+<===> legacy/output.css
+a {
+  b: aqua;
+}
+
+<===>
+================================================================================
+<===> modern/input.scss
+a {b: invert(color(srgb 0 0.4 1), $space: srgb)}
+
+<===> modern/output.css
+a {
+  b: color(srgb 1 0.6 0);
+}
+
+<===>
+================================================================================
+<===> number/input.scss
+a {b: invert(10%)}
+
+<===> number/output.css
+a {
+  b: invert(10%);
+}
+
+<===>
+================================================================================
+<===> with_css_var/input.scss
+a {b: invert(var(--c))}
+
+<===> with_css_var/output.css
+a {
+  b: invert(var(--c));
+}
+
+<===>
+================================================================================
+<===> with_calc/input.scss
+a {b: invert(calc(1 + 2))}
+
+<===> with_calc/output.css
+a {
+  b: invert(3);
+}
+
+<===>
+================================================================================
+<===> with_unquoted_calc/input.scss
+a {b: invert(unquote('calc(1)'))}
+
+<===> with_unquoted_calc/output.css
+a {
+  b: invert(calc(1));
+}
diff --git a/spec/core_functions/color/invert/legacy.hrx b/spec/core_functions/color/invert/legacy.hrx
new file mode 100644
index 000000000..915a92115
--- /dev/null
+++ b/spec/core_functions/color/invert/legacy.hrx
@@ -0,0 +1,215 @@
+<===> no_space/white/input.scss
+@use 'sass:color';
+a {b: color.invert(white)}
+
+<===> no_space/white/output.css
+a {
+  b: black;
+}
+
+<===>
+================================================================================
+<===> no_space/black/input.scss
+@use 'sass:color';
+a {b: color.invert(black)}
+
+<===> no_space/black/output.css
+a {
+  b: white;
+}
+
+<===>
+================================================================================
+<===> no_space/gray/input.scss
+@use 'sass:color';
+a {b: color.invert(gray)}
+
+<===> no_space/gray/output.css
+a {
+  b: #7f7f7f;
+}
+
+<===>
+================================================================================
+<===> no_space/turquoise/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise)}
+
+<===> no_space/turquoise/output.css
+a {
+  b: #bf1f2f;
+}
+
+<===>
+================================================================================
+<===> no_space/out_of_gamut/input.scss
+@use 'sass:color';
+@use 'core_functions/color/utils';
+@include utils.inspect(
+  color.invert(color.change(rgb(0 50 0), $red: -100, $blue: 500))
+);
+
+<===> no_space/out_of_gamut/output.css
+a {
+  value: hsl(45, 545.4545454545%, 21.568627451%);
+  space: rgb;
+  channels: 355 205 -245 / 1;
+}
+
+<===>
+================================================================================
+<===> no_space/weighted/min/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise, 0%)}
+
+<===> no_space/weighted/min/output.css
+a {
+  b: turquoise;
+}
+
+<===>
+================================================================================
+<===> no_space/weighted/max/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise, 100%)}
+
+<===> no_space/weighted/max/output.css
+a {
+  b: #bf1f2f;
+}
+
+<===>
+================================================================================
+<===> no_space/weighted/middle/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise, 50%)}
+
+<===> no_space/weighted/middle/output.css
+a {
+  b: rgb(127.5, 127.5, 127.5);
+}
+
+<===>
+================================================================================
+<===> no_space/weighted/low/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise, 23%)}
+
+<===> no_space/weighted/low/output.css
+a {
+  b: rgb(93.21, 179.61, 170.97);
+}
+
+<===>
+================================================================================
+<===> no_space/weighted/high/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise, 92%)}
+
+<===> no_space/weighted/high/output.css
+a {
+  b: rgb(180.84, 46.44, 59.88);
+}
+
+<===>
+================================================================================
+<===> no_space/hsl/input.scss
+@use 'sass:color';
+a {b: color.invert(hsl(30deg 20% 40%))}
+
+<===> no_space/hsl/output.css
+a {
+  b: hsl(210, 20%, 60%);
+}
+
+<===>
+================================================================================
+<===> no_space/hwb/input.scss
+@use 'sass:color';
+a {b: color.invert(hsl(30deg 20% 40%))}
+
+<===> no_space/hwb/output.css
+a {
+  b: hsl(210, 20%, 60%);
+}
+
+<===>
+================================================================================
+<===> space/hsl/input.scss
+@use 'sass:color';
+a {b: color.invert(hsl(30deg 20% 40%), $space: hsl)}
+
+<===> space/hsl/output.css
+a {
+  b: hsl(210, 20%, 60%);
+}
+
+<===>
+================================================================================
+<===> space/hwb/input.scss
+@use 'sass:color';
+a {b: color.invert(hwb(30deg 20% 40%), $space: hwb)}
+
+<===> space/hwb/output.css
+a {
+  b: #6699cc;
+}
+
+<===>
+================================================================================
+<===> space/modern/input.scss
+@use 'sass:color';
+a {b: color.invert(#abcdef, $space: display-p3)}
+
+<===> space/modern/output.css
+a {
+  b: rgb(81.948808543, 49.5520621504, 10.5024231747);
+}
+
+<===>
+================================================================================
+<===> units/weight/unitless/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise, 10)}
+
+<===> units/weight/unitless/output.css
+a {
+  b: rgb(76.7, 204.7, 191.9);
+}
+
+<===> units/weight/unitless/warning
+DEPRECATION WARNING: $weight: Passing a number without unit % (10) is deprecated.
+
+To preserve current behavior: $weight * 1%
+
+More info: https://sass-lang.com/d/function-units
+
+  ,
+2 | a {b: color.invert(turquoise, 10)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> units/weight/unknown/input.scss
+@use 'sass:color';
+a {b: color.invert(turquoise, 10px)}
+
+<===> units/weight/unknown/output.css
+a {
+  b: rgb(76.7, 204.7, 191.9);
+}
+
+<===> units/weight/unknown/warning
+DEPRECATION WARNING: $weight: Passing a number without unit % (10px) is deprecated.
+
+To preserve current behavior: calc($weight / 1px * 1%)
+
+More info: https://sass-lang.com/d/function-units
+
+  ,
+2 | a {b: color.invert(turquoise, 10px)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 2:7  root stylesheet
diff --git a/spec/core_functions/color/invert/modern.hrx b/spec/core_functions/color/invert/modern.hrx
new file mode 100644
index 000000000..041c57af8
--- /dev/null
+++ b/spec/core_functions/color/invert/modern.hrx
@@ -0,0 +1,107 @@
+<===> zero_min/input.scss
+@use 'sass:color';
+a {b: color.invert(color(rec2020 0 0.4 1), $space: rec2020)}
+
+<===> zero_min/output.css
+a {
+  b: color(rec2020 1 0.6 0);
+}
+
+<===>
+================================================================================
+<===> negative_min/input.scss
+@use 'sass:color';
+a {b: color.invert(lab(20% -30 110), $space: lab)}
+
+<===> negative_min/output.css
+a {
+  b: lab(80% 30 -110);
+}
+
+<===>
+================================================================================
+<===> polar/input.scss
+@use 'sass:color';
+a {b: color.invert(lch(20% 80 50deg), $space: lch)}
+
+<===> polar/output.css
+a {
+  b: lch(80% 80 230deg);
+}
+
+<===>
+================================================================================
+<===> weight/min/input.scss
+@use 'sass:color';
+a {b: color.invert(color(a98-rgb 0.1 0.4 0.8), 0%, $space: a98-rgb)}
+
+<===> weight/min/output.css
+a {
+  b: color(a98-rgb 0.1 0.4 0.8);
+}
+
+<===>
+================================================================================
+<===> weight/max/input.scss
+@use 'sass:color';
+a {b: color.invert(color(a98-rgb 0.1 0.4 0.8), 100%, $space: a98-rgb)}
+
+<===> weight/max/output.css
+a {
+  b: color(a98-rgb 0.9 0.6 0.2);
+}
+
+<===>
+================================================================================
+<===> weight/middle/input.scss
+@use 'sass:color';
+a {b: color.invert(color(a98-rgb 0.1 0.4 0.8), 50%, $space: a98-rgb)}
+
+<===> weight/middle/output.css
+a {
+  b: color(a98-rgb 0.5 0.5 0.5);
+}
+
+<===>
+================================================================================
+<===> weight/high/input.scss
+@use 'sass:color';
+a {b: color.invert(color(a98-rgb 0.1 0.4 0.8), 60%, $space: a98-rgb)}
+
+<===> weight/high/output.css
+a {
+  b: color(a98-rgb 0.58 0.52 0.44);
+}
+
+<===>
+================================================================================
+<===> space/modern/input.scss
+@use 'sass:color';
+a {b: color.invert(lch(20% 80 50deg), $space: xyz)}
+
+<===> space/modern/output.css
+a {
+  b: lch(98.9503159926% 3.6006542179 45.9089280707deg);
+}
+
+<===>
+================================================================================
+<===> space/legacy/input.scss
+@use 'sass:color';
+a {b: color.invert(lch(20% 80 50deg), $space: rgb)}
+
+<===> space/legacy/output.css
+a {
+  b: color-mix(in lch, color(xyz 0.8040115061 1.0427791446 1.4858460828) 100%, black);
+}
+
+<===>
+================================================================================
+<===> space/case/input.scss
+@use 'sass:color';
+a {b: color.invert(lch(20% 80 50deg), $space: DISPLAY-p3)}
+
+<===> space/case/output.css
+a {
+  b: lch(97.4036876937% 47.4823953357 211.8732507605deg);
+}
diff --git a/spec/core_functions/color/invert/named.hrx b/spec/core_functions/color/invert/named.hrx
new file mode 100644
index 000000000..70d91937f
--- /dev/null
+++ b/spec/core_functions/color/invert/named.hrx
@@ -0,0 +1,8 @@
+<===> input.scss
+@use 'sass:color';
+a {b: color.invert($color: turquoise, $weight: 10%, $space: oklch)}
+
+<===> output.css
+a {
+  b: rgb(72.3071640492, 202.5503954693, 158.9647820206);
+}
diff --git a/spec/core_functions/color/invert/number.hrx b/spec/core_functions/color/invert/number.hrx
new file mode 100644
index 000000000..a2b70e5ff
--- /dev/null
+++ b/spec/core_functions/color/invert/number.hrx
@@ -0,0 +1,19 @@
+<===> input.scss
+@use 'sass:color';
+a {b: color.invert(1)}
+
+<===> output.css
+a {
+  b: invert(1);
+}
+
+<===> warning
+DEPRECATION WARNING: Passing a number (1) to color.invert() is deprecated.
+
+Recommendation: invert(1)
+
+  ,
+2 | a {b: color.invert(1)}
+  |       ^^^^^^^^^^^^^^^
+  '
+    input.scss 2:7  root stylesheet
diff --git a/spec/core_functions/color/mix/alpha.hrx b/spec/core_functions/color/mix/alpha.hrx
index a6e8469c5..0f6365717 100644
--- a/spec/core_functions/color/mix/alpha.hrx
+++ b/spec/core_functions/color/mix/alpha.hrx
@@ -3,7 +3,7 @@ a {b: mix(rgba(#91e16f, 0.3), rgba(#0144bf, 0.3))}
 
 <===> even/output.css
 a {
-  b: rgba(73, 147, 151, 0.3);
+  b: rgba(73, 146.5, 151, 0.3);
 }
 
 <===>
@@ -33,7 +33,7 @@ a {b: mix(rgba(#91e16f, 0.8), rgba(#0144bf, 0.3))}
 
 <===> firstwards/output.css
 a {
-  b: rgba(109, 186, 131, 0.55);
+  b: rgba(109, 185.75, 131, 0.55);
 }
 
 <===>
@@ -43,5 +43,5 @@ a {b: mix(rgba(#91e16f, 0.4), rgba(#0144bf, 0.9))}
 
 <===> lastwards/output.css
 a {
-  b: rgba(37, 107, 171, 0.65);
+  b: rgba(37, 107.25, 171, 0.65);
 }
diff --git a/spec/core_functions/color/mix/both_weights.hrx b/spec/core_functions/color/mix/both_weights.hrx
index d48a37a6b..bb90bd43c 100644
--- a/spec/core_functions/color/mix/both_weights.hrx
+++ b/spec/core_functions/color/mix/both_weights.hrx
@@ -43,7 +43,7 @@ a {b: mix(rgba(#91e16f, 0.8), rgba(#0144bf, 0.3), 63%)}
 
 <===> mixed/firstwards/output.css
 a {
-  b: rgba(121, 199, 124, 0.615);
+  b: rgba(121.4247787611, 199.296460177, 124.0973451327, 0.615);
 }
 
 <===>
@@ -53,7 +53,7 @@ a {b: mix(rgba(#91e16f, 0.2), rgba(#0144bf, 0.7), 42%)}
 
 <===> mixed/lastwards/output.css
 a {
-  b: rgba(29, 99, 175, 0.49);
+  b: rgba(29, 98.5277777778, 175.4444444444, 0.49);
 }
 
 <===>
diff --git a/spec/core_functions/color/mix/explicit_weight.hrx b/spec/core_functions/color/mix/explicit_weight.hrx
index ed3a38648..32e49e2ca 100644
--- a/spec/core_functions/color/mix/explicit_weight.hrx
+++ b/spec/core_functions/color/mix/explicit_weight.hrx
@@ -3,7 +3,7 @@ a {b: mix(#91e16f, #0144bf, 50%)}
 
 <===> even/output.css
 a {
-  b: #499397;
+  b: rgb(73, 146.5, 151);
 }
 
 <===>
@@ -33,7 +33,7 @@ a {b: mix(#91e16f, #0144bf, 92%)}
 
 <===> firstwards/output.css
 a {
-  b: #85d475;
+  b: rgb(133.48, 212.44, 117.4);
 }
 
 <===>
@@ -43,5 +43,5 @@ a {b: mix(#91e16f, #0144bf, 43%)}
 
 <===> lastwards/output.css
 a {
-  b: #3f889d;
+  b: rgb(62.92, 135.51, 156.6);
 }
diff --git a/spec/core_functions/color/mix/units.hrx b/spec/core_functions/color/mix/units.hrx
index ac13e7841..c4c2e1e0d 100644
--- a/spec/core_functions/color/mix/units.hrx
+++ b/spec/core_functions/color/mix/units.hrx
@@ -3,7 +3,7 @@ a {b: mix(#91e16f, #0144bf, 50)}
 
 <===> weight/unitless/output.css
 a {
-  b: #499397;
+  b: rgb(73, 146.5, 151);
 }
 
 <===> weight/unitless/warning
@@ -26,7 +26,7 @@ a {b: mix(#91e16f, #0144bf, 50px)}
 
 <===> weight/unknown/output.css
 a {
-  b: #499397;
+  b: rgb(73, 146.5, 151);
 }
 
 <===> weight/unknown/warning
diff --git a/spec/core_functions/color/mix/unweighted.hrx b/spec/core_functions/color/mix/unweighted.hrx
index 996ea22ae..6794e918d 100644
--- a/spec/core_functions/color/mix/unweighted.hrx
+++ b/spec/core_functions/color/mix/unweighted.hrx
@@ -4,7 +4,7 @@ a {b: mix(#ff00ff, #00ff00)}
 
 <===> min_and_max/output.css
 a {
-  b: gray;
+  b: rgb(127.5, 127.5, 127.5);
 }
 
 <===>
@@ -26,5 +26,5 @@ a {b: mix(#91e16f, #0144bf)}
 
 <===> average/output.css
 a {
-  b: #499397;
+  b: rgb(73, 146.5, 151);
 }
diff --git a/spec/core_functions/modules/color/mix.hrx b/spec/core_functions/modules/color/mix.hrx
index f17eb40e4..82fb2dcac 100644
--- a/spec/core_functions/modules/color/mix.hrx
+++ b/spec/core_functions/modules/color/mix.hrx
@@ -4,5 +4,5 @@ a {b: color.mix(#abcdef, #daddee)}
 
 <===> output.css
 a {
-  b: #c3d5ef;
+  b: rgb(194.5, 213, 238.5);
 }
diff --git a/spec/non_conformant/basic/22_colors_with_alpha.hrx b/spec/non_conformant/basic/22_colors_with_alpha.hrx
index ca9a1ba7a..787ca0a4a 100644
--- a/spec/non_conformant/basic/22_colors_with_alpha.hrx
+++ b/spec/non_conformant/basic/22_colors_with_alpha.hrx
@@ -34,7 +34,7 @@ div {
   hoo: 123;
   moo: 45;
   poo: 6;
-  goo: rgba(64, 0, 191, 0.75);
+  goo: rgba(63.75, 0, 191.25, 0.75);
   boo: #edcba9;
 }