#2ABBC7
#2ABBC7
#C7362A
#C7362A
Giá trị màu sắc
| Định dạng | #2ABBC7 | #C7362A |
|---|---|---|
| HEX | #2ABBC7 | #C7362A |
| RGB | 42, 187, 199 | 199, 54, 42 |
| HSL | 184,6, 65,1%, 47,3% | 4,6, 65,1%, 47,3% |
| HSV | 184,6, 78,9%, 78,0% | 4,6, 78,9%, 78,0% |
| CMYK | 78,9%, 6,0%, 0,0%, 22,0% | 0,0%, 72,9%, 78,9%, 22,0% |
| OKLCH | 0,7254 0,1156 203,6 | 0,5524 0,1838 29,1 |
Tương phản và khả năng tiếp cận
2,26: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: #C7362A → Nền: #2ABBC7
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #2ABBC7 → Nền: #C7362A
Sự khác biệt màu sắc (Delta E)
108,27
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, #2ABBC7, #C7362A);
background: linear-gradient(135deg, #2ABBC7, #C7362A);