#5445BA
#5445BA
#ABBA45
#ABBA45
قيم الألوان
| تنسيق | #5445BA | #ABBA45 |
|---|---|---|
| HEX | #5445BA | #ABBA45 |
| RGB | 84, 69, 186 | 171, 186, 69 |
| HSL | 247,7, 45,9%, 50,0% | 67,7, 45,9%, 50,0% |
| HSV | 247,7, 62,9%, 72,9% | 67,7, 62,9%, 72,9% |
| CMYK | 54,8%, 62,9%, 0,0%, 27,1% | 8,1%, 0,0%, 62,9%, 27,1% |
| OKLCH | 0,4754 0,1766 283,2 | 0,7545 0,1414 116,1 |
التباين وإمكانية الوصول
3,35:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
سهولة قراءة النص
The quick brown fox jumps over the lazy dog
نص: #ABBA45 → الخلفية: #5445BA
The quick brown fox jumps over the lazy dog
نص: #5445BA → الخلفية: #ABBA45
فرق اللون (Delta E)
134,63
Very Different
0 — متطابق
5 — متشابه
25 — فرق واضح
100 — مختلف جداً
تدرج
خلط الألوان
كود تدرج CSS
background: linear-gradient(to right, #5445BA, #ABBA45);
background: linear-gradient(135deg, #5445BA, #ABBA45);