#45A9DA
#45A9DA
#DA7645
#DA7645
Giá trị màu sắc
| Định dạng | #45A9DA | #DA7645 |
|---|---|---|
| HEX | #45A9DA | #DA7645 |
| RGB | 69, 169, 218 | 218, 118, 69 |
| HSL | 199,7, 66,8%, 56,3% | 19,7, 66,8%, 56,3% |
| HSV | 199,7, 68,3%, 85,5% | 19,7, 68,3%, 85,5% |
| CMYK | 68,3%, 22,5%, 0,0%, 14,5% | 0,0%, 45,9%, 68,3%, 14,5% |
| OKLCH | 0,6967 0,1165 233,3 | 0,6696 0,1401 45,5 |
Tương phản và khả năng tiếp cận
1,19: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: #DA7645 → Nền: #45A9DA
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #45A9DA → Nền: #DA7645
Sự khác biệt màu sắc (Delta E)
91,18
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, #45A9DA, #DA7645);
background: linear-gradient(135deg, #45A9DA, #DA7645);