1 files changed, 4 insertions, 1 deletions

diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss
index 526912f..0dd7879 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -74,12 +74,15 @@
             width:            fn.dim(--100 --size);
             height:           fn.dim(--100 --size);
             border-radius:    fn.dim(--rounding);
-            background-color: hsl(fn.color(--h), fn.color(--s), fn.color(--l));
             color:            #fff;
             line-height:      fn.dim(--100 --size);
             text-align:       center;
             object-fit:       cover;
             object-position:  center center;
+
+            @include iro.bem-modifier('colored') {
+                background-color: hsl(fn.color(--h), fn.color(--s), fn.color(--l));
+            }
         }
 
         @include iro.bem-modifier('circle') {