#5AFDF4
#5AFDF4
#FD5A63
#FD5A63
Giá trị màu sắc
| Định dạng | #5AFDF4 | #FD5A63 |
|---|---|---|
| HEX | #5AFDF4 | #FD5A63 |
| RGB | 90, 253, 244 | 253, 90, 99 |
| HSL | 176,7, 97,6%, 67,3% | 356,7, 97,6%, 67,3% |
| HSV | 176,7, 64,4%, 99,2% | 356,7, 64,4%, 99,2% |
| CMYK | 64,4%, 0,0%, 3,6%, 0,8% | 0,0%, 64,4%, 60,9%, 0,8% |
| OKLCH | 0,908 0,1343 189,8 | 0,6868 0,198 20,9 |
Tương phản và khả năng tiếp cận
2,46: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: #FD5A63 → Nền: #5AFDF4
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #5AFDF4 → Nền: #FD5A63
Sự khác biệt màu sắc (Delta E)
116,63
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, #5AFDF4, #FD5A63);
background: linear-gradient(135deg, #5AFDF4, #FD5A63);