diff --git a/packages/vuetify/src/components/VAvatar/_variables.scss b/packages/vuetify/src/components/VAvatar/_variables.scss
index 9f0ad431234..329bcc6e621 100644
--- a/packages/vuetify/src/components/VAvatar/_variables.scss
+++ b/packages/vuetify/src/components/VAvatar/_variables.scss
@@ -4,7 +4,7 @@
 @use "../../styles/tools/functions";
 
 // Defaults
-$avatar-background: var(--v-theme-surface) !default;
+$avatar-background: rgb(var(--v-theme-surface)) !default;
 $avatar-border-radius: map.get(variables.$rounded, 'circle') !default;
 $avatar-border-color: settings.$border-color-root !default;
 $avatar-border-radius: map.get(settings.$rounded, 0) !default;