#0871D0
#0871D0
#D06708
#D06708
颜色值
| 格式 | #0871D0 | #D06708 |
|---|---|---|
| HEX | #0871D0 | #D06708 |
| RGB | 8, 113, 208 | 208, 103, 8 |
| HSL | 208.5, 92.6%, 42.4% | 28.5, 92.6%, 42.4% |
| HSV | 208.5, 96.2%, 81.6% | 28.5, 96.2%, 81.6% |
| CMYK | 96.2%, 45.7%, 0.0%, 18.4% | 0.0%, 50.5%, 96.2%, 18.4% |
| OKLCH | 0.5499 0.1686 253.4 | 0.6276 0.1585 52.3 |
对比度与无障碍
1.31:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #D06708 → 背景色: #0871D0
敏捷的棕色狐狸跳过了懒狗
文本: #0871D0 → 背景色: #D06708
色差 (Delta E)
121.37
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #0871D0, #D06708);
background: linear-gradient(135deg, #0871D0, #D06708);