diff --git a/test/userColorsTest.js b/test/userColorsTest.js
index 59a34f053..1dcfaac32 100644
--- a/test/userColorsTest.js
+++ b/test/userColorsTest.js
@@ -30,7 +30,7 @@ function messageBubbleColorForString(str) {
   const saturation = 75;
   const lightness = 65;
   const alpha = 1.0;
-  const hue = parseInt(Math.abs(hash), 16) % 300;
+  const hue = parseInt(Math.abs(hash), 16) % 360;
 
   return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
 }
diff --git a/webroot/js/utils/user-colors.js b/webroot/js/utils/user-colors.js
index dbb413dac..70b2e4832 100644
--- a/webroot/js/utils/user-colors.js
+++ b/webroot/js/utils/user-colors.js
@@ -9,7 +9,7 @@ export function messageBubbleColorForString(str) {
   const saturation = 75;
   const lightness = 65;
   const alpha = 1.0;
-  const hue = parseInt(Math.abs(hash), 16) % 300;
+  const hue = parseInt(Math.abs(hash), 16) % 360;
 
   return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
 }