#509BAF
#509BAF
#AF6450
#AF6450
Giá trị màu sắc
| Định dạng | #509BAF | #AF6450 |
|---|---|---|
| HEX | #509BAF | #AF6450 |
| RGB | 80, 155, 175 | 175, 100, 80 |
| HSL | 192,6, 37,3%, 50,0% | 12,6, 37,3%, 50,0% |
| HSV | 192,6, 54,3%, 68,6% | 12,6, 54,3%, 68,6% |
| CMYK | 54,3%, 11,4%, 0,0%, 31,4% | 0,0%, 42,9%, 54,3%, 31,4% |
| OKLCH | 0,6492 0,08 217,4 | 0,5836 0,1021 35,8 |
Tương phản và khả năng tiếp cận
1,4: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: #AF6450 → Nền: #509BAF
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #509BAF → Nền: #AF6450
Sự khác biệt màu sắc (Delta E)
62,79
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, #509BAF, #AF6450);
background: linear-gradient(135deg, #509BAF, #AF6450);