#373C89

#373C89

#898437

#898437

对比度

2.5:1

Delta E

93.98

Very Different

50:50 混合

#6D5E64

颜色值

格式 #373C89 #898437
HEX #373C89 #898437
RGB 55, 60, 137 137, 132, 55
HSL 236.3, 42.7%, 37.6% 56.3, 42.7%, 37.6%
HSV 236.3, 59.9%, 53.7% 56.3, 59.9%, 53.7%
CMYK 59.9%, 56.2%, 0.0%, 46.3% 0.0%, 3.6%, 59.9%, 46.3%
OKLCH 0.397 0.1263 276.2 0.6016 0.099 105.5

对比度与无障碍

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #898437 → 背景色: #373C89

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

文本: #373C89 → 背景色: #898437

色差 (Delta E)

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

渐变

#373C89 #4F477D #5F5271 #6D5E64 #786B57 #817748 #898437

颜色混合

#373C89

100%

#584D77

75:25

#6D5E64

50:50

#7C7150

25:75

#898437

100%

CSS渐变代码

background: linear-gradient(to right, #373C89, #898437);
background: linear-gradient(135deg, #373C89, #898437);

探索每种颜色

#373C89

查看完整颜色详情

#898437

查看完整颜色详情

相关比较