diff --git a/Tests/LibWeb/Text/expected/css/legacy-color-value.txt b/Tests/LibWeb/Text/expected/css/legacy-color-value.txt
new file mode 100644
index 0000000000..62f1aaec5f
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/css/legacy-color-value.txt
@@ -0,0 +1,8 @@
+'red' => rgb(255, 0, 0)
+'#408080' => rgb(64, 128, 128)
+'transparent' => rgba(0, 0, 0, 0)
+' GreeN 	' => rgb(0, 128, 0)
+'cafe' => rgb(202, 254, 0)
+'' => rgba(0, 0, 0, 0)
+'deadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeef' => rgb(219, 239, 234)
+'#emoji above U+FFFF 🙃' => rgb(224, 176, 255)
diff --git a/Tests/LibWeb/Text/input/css/legacy-color-value.html b/Tests/LibWeb/Text/input/css/legacy-color-value.html
new file mode 100644
index 0000000000..9e14ff69ce
--- /dev/null
+++ b/Tests/LibWeb/Text/input/css/legacy-color-value.html
@@ -0,0 +1,24 @@
+<script src="../include.js"></script>
+<script>
+    test(() => {
+        function checkColor(color) {
+            document.body.bgColor = color;
+            const computedStyle = getComputedStyle(document.body);
+            const bgcolor = computedStyle.backgroundColor;
+            println(`'${color}' => ${bgcolor}`);
+        }
+
+        for (color of [
+            "red",
+            "#408080",
+            "transparent",
+            " GreeN 	",
+            "cafe",
+            "",
+            "deadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeef", // longer than 128 chars of hex
+            "#emoji above U+FFFF 🙃",
+        ]) {
+            checkColor(color);
+        }
+    });
+</script>