#458CCC
#458CCC
#CC8545
#CC8545
Giá trị màu sắc
| Định dạng | #458CCC | #CC8545 |
|---|---|---|
| HEX | #458CCC | #CC8545 |
| RGB | 69, 140, 204 | 204, 133, 69 |
| HSL | 208,4, 57,0%, 53,5% | 28,4, 57,0%, 53,5% |
| HSV | 208,4, 66,2%, 80,0% | 28,4, 66,2%, 80,0% |
| CMYK | 66,2%, 31,4%, 0,0%, 20,0% | 0,0%, 34,8%, 66,2%, 20,0% |
| OKLCH | 0,6231 0,1206 248,2 | 0,6777 0,1183 60,6 |
Tương phản và khả năng tiếp cận
1,19: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: #CC8545 → Nền: #458CCC
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #458CCC → Nền: #CC8545
Sự khác biệt màu sắc (Delta E)
87,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, #458CCC, #CC8545);
background: linear-gradient(135deg, #458CCC, #CC8545);