#7C84F3
#7C84F3
#F3EB7C
#F3EB7C
Giá trị màu sắc
| Định dạng | #7C84F3 | #F3EB7C |
|---|---|---|
| HEX | #7C84F3 | #F3EB7C |
| RGB | 124, 132, 243 | 243, 235, 124 |
| HSL | 236,0, 83,2%, 72,0% | 56,0, 83,2%, 72,0% |
| HSV | 236,0, 49,0%, 95,3% | 56,0, 49,0%, 95,3% |
| CMYK | 49,0%, 45,7%, 0,0%, 4,7% | 0,0%, 3,3%, 49,0%, 4,7% |
| OKLCH | 0,6585 0,163 277,8 | 0,9239 0,1334 105,0 |
Tương phản và khả năng tiếp cận
2,63: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: #F3EB7C → Nền: #7C84F3
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #7C84F3 → Nền: #F3EB7C
Sự khác biệt màu sắc (Delta E)
121,93
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, #7C84F3, #F3EB7C);
background: linear-gradient(135deg, #7C84F3, #F3EB7C);