#577CCE
#577CCE
#CEA957
#CEA957
Giá trị màu sắc
| Định dạng | #577CCE | #CEA957 |
|---|---|---|
| HEX | #577CCE | #CEA957 |
| RGB | 87, 124, 206 | 206, 169, 87 |
| HSL | 221,3, 54,8%, 57,5% | 41,3, 54,8%, 57,5% |
| HSV | 221,3, 57,8%, 80,8% | 41,3, 57,8%, 80,8% |
| CMYK | 57,8%, 39,8%, 0,0%, 19,2% | 0,0%, 18,0%, 57,8%, 19,2% |
| OKLCH | 0,5973 0,1324 264,4 | 0,7515 0,1098 85,3 |
Tương phản và khả năng tiếp cận
1,82:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Khả năng đọc văn bản
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #CEA957 → Nền: #577CCE
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #577CCE → Nền: #CEA957
Sự khác biệt màu sắc (Delta E)
95,22
Very Different
0 — Giống hệt
5 — Tương tự
25 — Khác biệt rõ rệt
100 — Rất khác biệt
Gradient
Pha trộn màu
Mã gradient CSS
background: linear-gradient(to right, #577CCE, #CEA957);
background: linear-gradient(135deg, #577CCE, #CEA957);