#45F3FD
#45F3FD
#FD4F45
#FD4F45
Giá trị màu sắc
| Định dạng | #45F3FD | #FD4F45 |
|---|---|---|
| HEX | #45F3FD | #FD4F45 |
| RGB | 69, 243, 253 | 253, 79, 69 |
| HSL | 183,3, 97,9%, 63,1% | 3,3, 97,9%, 63,1% |
| HSV | 183,3, 72,7%, 99,2% | 3,3, 72,7%, 99,2% |
| CMYK | 72,7%, 4,0%, 0,0%, 0,8% | 0,0%, 68,8%, 72,7%, 0,8% |
| OKLCH | 0,8831 0,1363 200,8 | 0,6706 0,2119 27,6 |
Tương phản và khả năng tiếp cận
2,43: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: #FD4F45 → Nền: #45F3FD
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #45F3FD → Nền: #FD4F45
Sự khác biệt màu sắc (Delta E)
124,67
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, #45F3FD, #FD4F45);
background: linear-gradient(135deg, #45F3FD, #FD4F45);