#33AF99
#33AF99
#AF3349
#AF3349
Giá trị màu sắc
| Định dạng | #33AF99 | #AF3349 |
|---|---|---|
| HEX | #33AF99 | #AF3349 |
| RGB | 51, 175, 153 | 175, 51, 73 |
| HSL | 169,4, 54,9%, 44,3% | 349,4, 54,9%, 44,3% |
| HSV | 169,4, 70,9%, 68,6% | 349,4, 70,9%, 68,6% |
| CMYK | 70,9%, 0,0%, 12,6%, 31,4% | 0,0%, 70,9%, 58,3%, 31,4% |
| OKLCH | 0,6816 0,1115 178,2 | 0,5128 0,1595 14,7 |
Tương phản và khả năng tiếp cận
2,28: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: #AF3349 → Nền: #33AF99
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #33AF99 → Nền: #AF3349
Sự khác biệt màu sắc (Delta E)
94,31
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, #33AF99, #AF3349);
background: linear-gradient(135deg, #33AF99, #AF3349);