#554CA6
#554CA6
#9DA64C
#9DA64C
Giá trị màu sắc
| Định dạng | #554CA6 | #9DA64C |
|---|---|---|
| HEX | #554CA6 | #9DA64C |
| RGB | 85, 76, 166 | 157, 166, 76 |
| HSL | 246,0, 37,2%, 47,5% | 66,0, 37,2%, 47,5% |
| HSV | 246,0, 54,2%, 65,1% | 66,0, 54,2%, 65,1% |
| CMYK | 48,8%, 54,2%, 0,0%, 34,9% | 5,4%, 0,0%, 54,2%, 34,9% |
| OKLCH | 0,4732 0,1398 284,2 | 0,6989 0,1151 114,1 |
Tương phản và khả năng tiếp cận
2,69: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: #9DA64C → Nền: #554CA6
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #554CA6 → Nền: #9DA64C
Sự khác biệt màu sắc (Delta E)
106,24
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, #554CA6, #9DA64C);
background: linear-gradient(135deg, #554CA6, #9DA64C);