diff --git a/components/u/Badges.tsx b/components/u/Badges.tsx
index 7932a5a48..1a61361ce 100644
--- a/components/u/Badges.tsx
+++ b/components/u/Badges.tsx
@@ -141,6 +141,7 @@ const usersBadges = ({
       src: "xp29.gif",
       description: "Peak X Power of 2900 or better",
       count: 1,
+      hueRotateAngle: -120,
     });
   } else if (peakXP >= 2800) {
     result.push({
@@ -153,12 +154,14 @@ const usersBadges = ({
       src: "xp27.gif",
       description: "Peak X Power of 2700 or better",
       count: 1,
+      hueRotateAngle: 160,
     });
   } else if (peakXP >= 2600) {
     result.push({
       src: "xp26.gif",
       description: "Peak X Power of 2600 or better",
       count: 1,
+      hueRotateAngle: 100,
     });
   }