#57BA96
#57BA96
#BA577B
#BA577B
Giá trị màu sắc
| Định dạng | #57BA96 | #BA577B |
|---|---|---|
| HEX | #57BA96 | #BA577B |
| RGB | 87, 186, 150 | 186, 87, 123 |
| HSL | 158,2, 41,8%, 53,5% | 338,2, 41,8%, 53,5% |
| HSV | 158,2, 53,2%, 72,9% | 338,2, 53,2%, 72,9% |
| CMYK | 53,2%, 0,0%, 19,4%, 27,1% | 0,0%, 53,2%, 33,9%, 27,1% |
| OKLCH | 0,7193 0,1082 167,0 | 0,589 0,1331 359,1 |
Tương phản và khả năng tiếp cận
1,87: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: #BA577B → Nền: #57BA96
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #57BA96 → Nền: #BA577B
Sự khác biệt màu sắc (Delta E)
84,28
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, #57BA96, #BA577B);
background: linear-gradient(135deg, #57BA96, #BA577B);