#4DBA5A
#4DBA5A
#BA4DAD
#BA4DAD
Giá trị màu sắc
| Định dạng | #4DBA5A | #BA4DAD |
|---|---|---|
| HEX | #4DBA5A | #BA4DAD |
| RGB | 77, 186, 90 | 186, 77, 173 |
| HSL | 127,2, 44,1%, 51,6% | 307,2, 44,1%, 51,6% |
| HSV | 127,2, 58,6%, 72,9% | 307,2, 58,6%, 72,9% |
| CMYK | 58,6%, 0,0%, 51,6%, 27,1% | 0,0%, 58,6%, 7,0%, 27,1% |
| OKLCH | 0,7034 0,1678 145,7 | 0,5958 0,1806 332,5 |
Tương phản và khả năng tiếp cận
1,79: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: #BA4DAD → Nền: #4DBA5A
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #4DBA5A → Nền: #BA4DAD
Sự khác biệt màu sắc (Delta E)
128,95
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, #4DBA5A, #BA4DAD);
background: linear-gradient(135deg, #4DBA5A, #BA4DAD);