#3725AF

#3725AF

#9DAF25

#9DAF25

对比度

4.2:1

Delta E

156.15

Very Different

50:50 混合

#846A77

颜色值

格式 #3725AF #9DAF25
HEX #3725AF #9DAF25
RGB 55, 37, 175 157, 175, 37
HSL 247.8, 65.1%, 41.6% 67.8, 65.1%, 41.6%
HSV 247.8, 78.9%, 68.6% 67.8, 78.9%, 68.6%
CMYK 68.6%, 78.9%, 0.0%, 31.4% 10.3%, 0.0%, 78.9%, 31.4%
OKLCH 0.3956 0.2031 277.6 0.7161 0.1541 117.2

对比度与无障碍

4.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DAF25 → 背景色: #3725AF

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

文本: #3725AF → 背景色: #9DAF25

色差 (Delta E)

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

渐变

#3725AF #5E3C9D #74538B #846A77 #908162 #98984A #9DAF25

颜色混合

#3725AF

100%

#6A4894

75:25

#846A77

50:50

#948C57

25:75

#9DAF25

100%

CSS渐变代码

background: linear-gradient(to right, #3725AF, #9DAF25);
background: linear-gradient(135deg, #3725AF, #9DAF25);

探索每种颜色

#3725AF

查看完整颜色详情

#9DAF25

查看完整颜色详情

相关比较