#5B9DA6
#5B9DA6
#A6645B
#A6645B
Giá trị màu sắc
| Định dạng | #5B9DA6 | #A6645B |
|---|---|---|
| HEX | #5B9DA6 | #A6645B |
| RGB | 91, 157, 166 | 166, 100, 91 |
| HSL | 187,2, 29,6%, 50,4% | 7,2, 29,6%, 50,4% |
| HSV | 187,2, 45,2%, 65,1% | 7,2, 45,2%, 65,1% |
| CMYK | 45,2%, 5,4%, 0,0%, 34,9% | 0,0%, 39,8%, 45,2%, 34,9% |
| OKLCH | 0,6555 0,0686 206,9 | 0,5741 0,0873 28,4 |
Tương phản và khả năng tiếp cận
1,48: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: #A6645B → Nền: #5B9DA6
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #5B9DA6 → Nền: #A6645B
Sự khác biệt màu sắc (Delta E)
53,4
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, #5B9DA6, #A6645B);
background: linear-gradient(135deg, #5B9DA6, #A6645B);