#2159AF

#2159AF

#AF7721

#AF7721

对比度

1.76:1

Delta E

104.67

Very Different

50:50 混合

颜色值

格式 #2159AF #AF7721
HEX #2159AF #AF7721
RGB 33, 89, 175 175, 119, 33
HSL 216.3, 68.3%, 40.8% 36.3, 68.3%, 40.8%
HSV 216.3, 81.1%, 68.6% 36.3, 81.1%, 68.6%
CMYK 81.1%, 49.1%, 0.0%, 31.4% 0.0%, 32.0%, 81.1%, 31.4%
OKLCH 0.4771 0.1494 259.1 0.6129 0.1188 72.6

对比度与无障碍

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #AF7721 → 背景色: #2159AF

敏捷的棕色狐狸跳过了懒狗

文本: #2159AF → 背景色: #AF7721

色差 (Delta E)

104.67 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #2159AF, #AF7721);
background: linear-gradient(135deg, #2159AF, #AF7721);

探索每种颜色

相关比较