diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js
index c7f0093cff..9681bc6964 100644
--- a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js
@@ -72,6 +72,16 @@ describe('compiler/createReactDOMStyle', () => {
     `);
   });
 
+  describe('colors', () => {
+    test('rgb() with a slash alpha', () => {
+      expect(
+        createReactDOMStyle({ backgroundColor: 'rgb(10 20 30 / 0.4)' })
+      ).toEqual({
+        backgroundColor: 'rgba(10,20,30,0.40)'
+      });
+    });
+  });
+
   describe('flexbox styles', () => {
     test('flex: -1', () => {
       expect(createReactDOMStyle({ flex: -1 })).toEqual({
diff --git a/packages/react-native-web/src/exports/processColor/__tests__/index-test.js b/packages/react-native-web/src/exports/processColor/__tests__/index-test.js
index 77fc8baa88..9d01085a7e 100644
--- a/packages/react-native-web/src/exports/processColor/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/processColor/__tests__/index-test.js
@@ -42,6 +42,12 @@ describe('processColor', () => {
       const expectedInt = 0xff0a141e;
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
+
+    it('should convert rgb(x y z / a)', () => {
+      const colorFromString = processColor('rgb(10 20 30 / 0.4)');
+      const expectedInt = 0x660a141e;
+      expect(colorFromString).toEqual(platformSpecific(expectedInt));
+    });
   });
 
   describe('RGBA strings', () => {