diff --git a/src/utils/color-manipulator.js b/src/utils/color-manipulator.js
index bd409daf6cc55e..5a6f61da52b752 100644
--- a/src/utils/color-manipulator.js
+++ b/src/utils/color-manipulator.js
@@ -79,6 +79,8 @@ module.exports = {
 
   // Returns the type and values of a color of any given type.
   _decomposeColor(color) {
+    color = new String(color);
+
     if (color.charAt(0) === '#') {
       return this._decomposeColor(this._convertHexToRGB(color));
     }