#5B9DA4
#5B9DA4
#A4625B
#A4625B
Giá trị màu sắc
| Định dạng | #5B9DA4 | #A4625B |
|---|---|---|
| HEX | #5B9DA4 | #A4625B |
| RGB | 91, 157, 164 | 164, 98, 91 |
| HSL | 185,8, 28,6%, 50,0% | 5,8, 28,6%, 50,0% |
| HSV | 185,8, 44,5%, 64,3% | 5,8, 44,5%, 64,3% |
| CMYK | 44,5%, 4,3%, 0,0%, 35,7% | 0,0%, 40,2%, 44,5%, 35,7% |
| OKLCH | 0,6547 0,0681 204,4 | 0,568 0,0871 26,6 |
Tương phản và khả năng tiếp cận
1,52: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: #A4625B → Nền: #5B9DA4
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #5B9DA4 → Nền: #A4625B
Sự khác biệt màu sắc (Delta E)
53,22
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, #5B9DA4, #A4625B);
background: linear-gradient(135deg, #5B9DA4, #A4625B);