#369EB0
#369EB0
#B04836
#B04836
قيم الألوان
| تنسيق | #369EB0 | #B04836 |
|---|---|---|
| HEX | #369EB0 | #B04836 |
| RGB | 54, 158, 176 | 176, 72, 54 |
| HSL | 188,9, 53,0%, 45,1% | 8,9, 53,0%, 45,1% |
| HSV | 188,9, 69,3%, 69,0% | 8,9, 69,3%, 69,0% |
| CMYK | 69,3%, 10,2%, 0,0%, 31,0% | 0,0%, 59,1%, 69,3%, 31,0% |
| OKLCH | 0,6479 0,0962 211,4 | 0,5366 0,1399 31,9 |
التباين وإمكانية الوصول
1,74:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
سهولة قراءة النص
The quick brown fox jumps over the lazy dog
نص: #B04836 → الخلفية: #369EB0
The quick brown fox jumps over the lazy dog
نص: #369EB0 → الخلفية: #B04836
فرق اللون (Delta E)
83,36
Very Different
0 — متطابق
5 — متشابه
25 — فرق واضح
100 — مختلف جداً
تدرج
خلط الألوان
كود تدرج CSS
background: linear-gradient(to right, #369EB0, #B04836);
background: linear-gradient(135deg, #369EB0, #B04836);