#48A2DF
#48A2DF
#DF8548
#DF8548
Giá trị màu sắc
| Định dạng | #48A2DF | #DF8548 |
|---|---|---|
| HEX | #48A2DF | #DF8548 |
| RGB | 72, 162, 223 | 223, 133, 72 |
| HSL | 204,2, 70,2%, 57,8% | 24,2, 70,2%, 57,8% |
| HSV | 204,2, 67,7%, 87,5% | 24,2, 67,7%, 87,5% |
| CMYK | 67,7%, 27,4%, 0,0%, 12,5% | 0,0%, 40,4%, 67,7%, 12,5% |
| OKLCH | 0,684 0,1242 241,5 | 0,7015 0,1342 52,8 |
Tương phản và khả năng tiếp cận
1,01: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: #DF8548 → Nền: #48A2DF
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #48A2DF → Nền: #DF8548
Sự khác biệt màu sắc (Delta E)
93,14
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, #48A2DF, #DF8548);
background: linear-gradient(135deg, #48A2DF, #DF8548);