#54AF5F
#54AF5F
#AF54A4
#AF54A4
Giá trị màu sắc
| Định dạng | #54AF5F | #AF54A4 |
|---|---|---|
| HEX | #54AF5F | #AF54A4 |
| RGB | 84, 175, 95 | 175, 84, 164 |
| HSL | 127,3, 36,3%, 50,8% | 307,3, 36,3%, 50,8% |
| HSV | 127,3, 52,0%, 68,6% | 307,3, 52,0%, 68,6% |
| CMYK | 52,0%, 0,0%, 45,7%, 31,4% | 0,0%, 52,0%, 6,3%, 31,4% |
| OKLCH | 0,6785 0,1445 146,2 | 0,5858 0,1547 332,1 |
Tương phản và khả năng tiếp cận
1,66: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: #AF54A4 → Nền: #54AF5F
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #54AF5F → Nền: #AF54A4
Sự khác biệt màu sắc (Delta E)
110,65
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, #54AF5F, #AF54A4);
background: linear-gradient(135deg, #54AF5F, #AF54A4);