#3BCFDF
#3BCFDF
#DF4B3B
#DF4B3B
Giá trị màu sắc
| Định dạng | #3BCFDF | #DF4B3B |
|---|---|---|
| HEX | #3BCFDF | #DF4B3B |
| RGB | 59, 207, 223 | 223, 75, 59 |
| HSL | 185,9, 71,9%, 55,3% | 5,9, 71,9%, 55,3% |
| HSV | 185,9, 73,5%, 87,5% | 5,9, 73,5%, 87,5% |
| CMYK | 73,5%, 7,2%, 0,0%, 12,5% | 0,0%, 66,4%, 73,5%, 12,5% |
| OKLCH | 0,7857 0,1214 205,8 | 0,6165 0,1869 29,6 |
Tương phản và khả năng tiếp cận
2,15: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: #DF4B3B → Nền: #3BCFDF
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #3BCFDF → Nền: #DF4B3B
Sự khác biệt màu sắc (Delta E)
110,23
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, #3BCFDF, #DF4B3B);
background: linear-gradient(135deg, #3BCFDF, #DF4B3B);