#5EB9DA
#5EB9DA
#DA7F5E
#DA7F5E
Giá trị màu sắc
| Định dạng | #5EB9DA | #DA7F5E |
|---|---|---|
| HEX | #5EB9DA | #DA7F5E |
| RGB | 94, 185, 218 | 218, 127, 94 |
| HSL | 196,0, 62,6%, 61,2% | 16,0, 62,6%, 61,2% |
| HSV | 196,0, 56,9%, 85,5% | 16,0, 56,9%, 85,5% |
| CMYK | 56,9%, 15,1%, 0,0%, 14,5% | 0,0%, 41,7%, 56,9%, 14,5% |
| OKLCH | 0,7425 0,0987 224,3 | 0,6881 0,1223 40,5 |
Tương phản và khả năng tiếp cận
1,31: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: #DA7F5E → Nền: #5EB9DA
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #5EB9DA → Nền: #DA7F5E
Sự khác biệt màu sắc (Delta E)
76,79
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, #5EB9DA, #DA7F5E);
background: linear-gradient(135deg, #5EB9DA, #DA7F5E);