#45BABA
#45BABA
#BA4545
#BA4545
قيم الألوان
| تنسيق | #45BABA | #BA4545 |
|---|---|---|
| HEX | #45BABA | #BA4545 |
| RGB | 69, 186, 186 | 186, 69, 69 |
| HSL | 180,0, 45,9%, 50,0% | 0,0, 45,9%, 50,0% |
| HSV | 180,0, 62,9%, 72,9% | 0,0, 62,9%, 72,9% |
| CMYK | 62,9%, 0,0%, 0,0%, 27,1% | 0,0%, 62,9%, 62,9%, 27,1% |
| OKLCH | 0,7243 0,1031 195,1 | 0,551 0,1517 23,5 |
التباين وإمكانية الوصول
2,23:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
سهولة قراءة النص
The quick brown fox jumps over the lazy dog
نص: #BA4545 → الخلفية: #45BABA
The quick brown fox jumps over the lazy dog
نص: #45BABA → الخلفية: #BA4545
فرق اللون (Delta E)
89,79
Very Different
0 — متطابق
5 — متشابه
25 — فرق واضح
100 — مختلف جداً
تدرج
خلط الألوان
كود تدرج CSS
background: linear-gradient(to right, #45BABA, #BA4545);
background: linear-gradient(135deg, #45BABA, #BA4545);