diff --git a/change/@fluentui-react-avatar-62374814-379f-45a2-9e21-3a44e308ddbf.json b/change/@fluentui-react-avatar-62374814-379f-45a2-9e21-3a44e308ddbf.json
new file mode 100644
index 0000000000000..ddf9e8f9f8f34
--- /dev/null
+++ b/change/@fluentui-react-avatar-62374814-379f-45a2-9e21-3a44e308ddbf.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix:Make AvatarGroup's pie layout dividers white for HCM.",
+  "packageName": "@fluentui/react-avatar",
+  "email": "esteban.230@hotmail.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts b/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts
index 04fe6f70d00cc..9b33bd69d5bf6 100644
--- a/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts
+++ b/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts
@@ -22,6 +22,9 @@ const useStyles = makeStyles({
   },
   pie: {
     clipPath: 'circle(50%)',
+    '@media (forced-colors: active)': {
+      backgroundColor: 'CanvasText',
+    },
   },
   focusIndicator: createCustomFocusIndicatorStyle(
     {