#6498AC

#6498AC

#AC7864

#AC7864

对比度

1.18:1

Delta E

46.2

Very Different

50:50 混合

颜色值

格式 #6498AC #AC7864
HEX #6498AC #AC7864
RGB 100, 152, 172 172, 120, 100
HSL 196.7, 30.3%, 53.3% 16.7, 30.3%, 53.3%
HSV 196.7, 41.9%, 67.5% 16.7, 41.9%, 67.5%
CMYK 41.9%, 11.6%, 0.0%, 32.5% 0.0%, 30.2%, 41.9%, 32.5%
OKLCH 0.6506 0.0628 224.2 0.6205 0.0721 41.9

对比度与无障碍

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AC7864 → 背景色: #6498AC

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

文本: #6498AC → 背景色: #AC7864

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #6498AC, #AC7864);
background: linear-gradient(135deg, #6498AC, #AC7864);

探索每种颜色

相关比较