diff --git a/examples/docs/en-US/rate.md b/examples/docs/en-US/rate.md
index 6eb9e63dc..af259e2fe 100644
--- a/examples/docs/en-US/rate.md
+++ b/examples/docs/en-US/rate.md
@@ -21,10 +21,10 @@
 ## Rate
 
 Used for rating
- 
+
 ### Basic usage
 
-:::demo Rate divides rating scores into three levels and these levels can be distinguished by using different background colors. By default background colors are the same, but you can assign them to reflect three levels using the `colors` attribute, and their two thresholds can be defined by `low-threshold` and `high-threshold`.  
+:::demo Rate divides rating scores into three levels and these levels can be distinguished by using different background colors. By default background colors are the same, but you can assign them to reflect three levels using the `colors` attribute, and their two thresholds can be defined by `low-threshold` and `high-threshold`.
 
 ``` html
 <div class="block">
@@ -145,7 +145,7 @@ Read-only Rate is for displaying rating score. Half star is supported.
 | void-icon-class | class name of unselected icons | string | — | el-icon-star-off |
 | disabled-void-icon-class | class name of unselected read-only icons | string | — | el-icon-star-on |
 | show-text | whether to display texts | boolean | — | false |
-| text-color | color of texts | string | — | 1F2D3D |
+| text-color | color of texts | string | — | #1F2D3D |
 | texts | text array | array | — | ['极差', '失望', '一般', '满意', '惊喜'] |
 | text-template | text template when the component is read-only | string | — | {value} |
 
diff --git a/examples/docs/zh-CN/rate.md b/examples/docs/zh-CN/rate.md
index 17f5bdac2..98a4d02ca 100644
--- a/examples/docs/zh-CN/rate.md
+++ b/examples/docs/zh-CN/rate.md
@@ -29,7 +29,7 @@
       border-right: none;
     }
   }
-  
+
   .demo-rate .demonstration {
     display: block;
     color: #8492a6;
@@ -41,7 +41,7 @@
 ## Rate 评分
 
 评分组件
- 
+
 ### 基础用法
 
 :::demo 评分被分为三个等级，可以利用颜色对分数及情感倾向进行分级（默认情况下不区分颜色）。三个等级所对应的颜色用过`colors`属性设置，而它们对应的两个阈值则通过 `low-threshold` 和 `high-threshold` 设定。
@@ -160,7 +160,7 @@
 | void-icon-class | 未选中 icon 的类名 | string | — | el-icon-star-off |
 | disabled-void-icon-class | 只读时未选中 icon 的类名 | string | — | el-icon-star-on |
 | show-text | 是否显示辅助文字 | boolean | — | false |
-| text-color | 辅助文字的颜色 | string | — | 1F2D3D |
+| text-color | 辅助文字的颜色 | string | — | #1F2D3D |
 | texts | 辅助文字数组 | array | — | ['极差', '失望', '一般', '满意', '惊喜'] |
 | text-template | 只读时的辅助文字模板 | string | — | {value} |
 
diff --git a/packages/rate/src/main.vue b/packages/rate/src/main.vue
index 92ec6af2d..fe88c03ff 100644
--- a/packages/rate/src/main.vue
+++ b/packages/rate/src/main.vue
@@ -98,7 +98,7 @@
       },
       textColor: {
         type: String,
-        default: '1f2d3d'
+        default: '#1f2d3d'
       },
       texts: {
         type: Array,