diff --git a/src/plugins/qmljseditor/qmljshoverhandler.cpp b/src/plugins/qmljseditor/qmljshoverhandler.cpp
index 3f7d3a5c110..188d49fabb2 100644
--- a/src/plugins/qmljseditor/qmljshoverhandler.cpp
+++ b/src/plugins/qmljseditor/qmljshoverhandler.cpp
@@ -293,7 +293,9 @@ bool QmlJSHoverHandler::matchColorItem(const ScopeChain &scopeChain,
     if (auto binding = AST::cast<const AST::UiScriptBinding *>(member)) {
         if (binding->qualifiedId && posIsInSource(pos, binding->statement)) {
             value = scopeChain.evaluate(binding->qualifiedId);
-            if (value && value->asColorValue()) {
+            if (value && (value->asColorValue()
+                          || (value->asCppComponentValue()
+                              && value->asCppComponentValue()->className() == "color"))) {
                 color = textAt(qmlDocument,
                                binding->statement->firstSourceLocation(),
                                binding->statement->lastSourceLocation());