#5BA4CE
#5BA4CE
#CE855B
#CE855B
Giá trị màu sắc
| Định dạng | #5BA4CE | #CE855B |
|---|---|---|
| HEX | #5BA4CE | #CE855B |
| RGB | 91, 164, 206 | 206, 133, 91 |
| HSL | 201,9, 54,0%, 58,2% | 21,9, 54,0%, 58,2% |
| HSV | 201,9, 55,8%, 80,8% | 21,9, 55,8%, 80,8% |
| CMYK | 55,8%, 20,4%, 0,0%, 19,2% | 0,0%, 35,4%, 55,8%, 19,2% |
| OKLCH | 0,688 0,0959 235,7 | 0,6831 0,1066 50,1 |
Tương phản và khả năng tiếp cận
1,07: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: #CE855B → Nền: #5BA4CE
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #5BA4CE → Nền: #CE855B
Sự khác biệt màu sắc (Delta E)
71,39
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, #5BA4CE, #CE855B);
background: linear-gradient(135deg, #5BA4CE, #CE855B);