diff --git a/web_widget_color/__manifest__.py b/web_widget_color/__manifest__.py
index e90ef2d0c..62786e0f1 100644
--- a/web_widget_color/__manifest__.py
+++ b/web_widget_color/__manifest__.py
@@ -8,7 +8,7 @@
 {
     'name': "Web Widget Color",
     'category': "web",
-    'version': "10.0.1.0.0",
+    'version': "10.0.1.0.1",
     "author": "Savoir-faire Linux, "
               "Anybox, "
               "Taktik SA, "
diff --git a/web_widget_color/static/src/js/widget.js b/web_widget_color/static/src/js/widget.js
index 589ff3643..e2f7af78c 100644
--- a/web_widget_color/static/src/js/widget.js
+++ b/web_widget_color/static/src/js/widget.js
@@ -22,7 +22,7 @@ odoo.define('web.web_widget_color', function(require) {
         widget_class: 'oe_form_field_color',
         is_syntax_valid: function () {
             var $input = this.$('input');
-            if (!this.get("effective_readonly") && $input.size() > 0) {
+            if (!this.get("effective_readonly") && $input.size() > 0 && $input.val().length>0) {
                 var val = $input.val();
                 var isOk = /^#[0-9A-F]{6}$/i.test(val);
                 if (!isOk) {
diff --git a/web_widget_color/static/src/xml/widget.xml b/web_widget_color/static/src/xml/widget.xml
index 82c043b42..4f2afcbd9 100644
--- a/web_widget_color/static/src/xml/widget.xml
+++ b/web_widget_color/static/src/xml/widget.xml
@@ -9,7 +9,7 @@
                        t-att-autofocus="widget.node.attrs.autofocus"
                        t-att-placeholder="widget.node.attrs.placeholder"
                        t-att-maxlength="widget.field.size"
-                       class="color {hash:true}"
+                       class="color {hash:true, required:false}"
                         />
             </t>
             <t t-if="widget.get('effective_readonly')">