#160877

#160877

#697708

#697708

对比度

3.18:1

Delta E

128.78

Very Different

50:50 混合

颜色值

格式 #160877 #697708
HEX #160877 #697708
RGB 22, 8, 119 105, 119, 8
HSL 247.6, 87.4%, 24.9% 67.6, 87.4%, 24.9%
HSV 247.6, 93.3%, 46.7% 67.6, 93.3%, 46.7%
CMYK 81.5%, 93.3%, 0.0%, 53.3% 11.8%, 0.0%, 93.3%, 53.3%
OKLCH 0.2751 0.1669 272.2 0.539 0.1224 117.7

对比度与无障碍

3.18:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #697708 → 背景色: #160877

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

文本: #160877 → 背景色: #697708

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #160877, #697708);
background: linear-gradient(135deg, #160877, #697708);

探索每种颜色

相关比较