diff --git a/specifications/w3c/css-color-4/5.1.Mixed-Components/test.postcss-preset-env.css b/specifications/w3c/css-color-4/5.1.Mixed-Components/test.postcss-preset-env.css
index 7814084a7..d9afa22a4 100644
--- a/specifications/w3c/css-color-4/5.1.Mixed-Components/test.postcss-preset-env.css
+++ b/specifications/w3c/css-color-4/5.1.Mixed-Components/test.postcss-preset-env.css
@@ -1,4 +1,9 @@
 .foo {
 	color: rgb(0, 128, 0);
-	color: rgb(0 128 0%);
+	color: rgb(0 50.2% 0%);
+}
+
+.bar {
+	color: rgba(0, 128, 0, 1);
+	color: rgb(0 128 0% / 1);
 }
diff --git a/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.css b/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.css
index ae302f1cb..584cece03 100644
--- a/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.css
+++ b/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.css
@@ -1,3 +1,7 @@
 .foo {
-	color: rgb(0 128 0%);
+	color: rgb(0 50.2% 0%);
+}
+
+.bar {
+	color: rgb(0 128 0% / 1);
 }
diff --git a/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.html b/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.html
index 845f446c6..6697a63c2 100644
--- a/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.html
+++ b/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.html
@@ -1 +1,2 @@
 <div class="foo">Mixed components</div>
+<div class="bar">Mixed components</div>
diff --git a/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.js b/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.js
index ee37b3c27..c41522ef8 100644
--- a/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.js
+++ b/specifications/w3c/css-color-4/5.1.Mixed-Components/test.pure.js
@@ -8,5 +8,11 @@
 		return;
 	}
 
+	style = window.getComputedStyle(document.querySelector('.bar'));
+	if (style.color !== green) {
+		cb(false);
+		return;
+	}
+
 	cb(true);
 })(callback);
diff --git a/specifications/w3c/css-color-4/7.Mixed-Components/test.postcss-preset-env.css b/specifications/w3c/css-color-4/7.Mixed-Components/test.postcss-preset-env.css
index 4df5d57fb..0ab618c5b 100644
--- a/specifications/w3c/css-color-4/7.Mixed-Components/test.postcss-preset-env.css
+++ b/specifications/w3c/css-color-4/7.Mixed-Components/test.postcss-preset-env.css
@@ -2,3 +2,8 @@
 	color: hsl(120, 100, 25.1%);
 	color: hsl(120deg 100 25.1%);
 }
+
+.bar {
+	color: hsla(120, 100, 25.1%, 1);
+	color: hsl(120deg 100 25.1% / 1);
+}
diff --git a/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.css b/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.css
index 4e9f7888b..1e024e417 100644
--- a/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.css
+++ b/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.css
@@ -1,3 +1,7 @@
 .foo {
 	color: hsl(120deg 100 25.1%);
 }
+
+.bar {
+	color: hsl(120deg 100 25.1% / 1);
+}
diff --git a/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.html b/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.html
index 845f446c6..6697a63c2 100644
--- a/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.html
+++ b/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.html
@@ -1 +1,2 @@
 <div class="foo">Mixed components</div>
+<div class="bar">Mixed components</div>
diff --git a/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.js b/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.js
index ee37b3c27..c41522ef8 100644
--- a/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.js
+++ b/specifications/w3c/css-color-4/7.Mixed-Components/test.pure.js
@@ -8,5 +8,11 @@
 		return;
 	}
 
+	style = window.getComputedStyle(document.querySelector('.bar'));
+	if (style.color !== green) {
+		cb(false);
+		return;
+	}
+
 	cb(true);
 })(callback);
diff --git a/web-tests.db b/web-tests.db
index f532e830b..9f7be707b 100644
Binary files a/web-tests.db and b/web-tests.db differ