#373C71

#373C71

#716C37

#716C37

对比度

1.91:1

Delta E

67.0

Very Different

50:50 混合

#5B5356

颜色值

格式 #373C71 #716C37
HEX #373C71 #716C37
RGB 55, 60, 113 113, 108, 55
HSL 234.8, 34.5%, 32.9% 54.8, 34.5%, 32.9%
HSV 234.8, 51.3%, 44.3% 54.8, 51.3%, 44.3%
CMYK 51.3%, 46.9%, 0.0%, 55.7% 0.0%, 4.4%, 51.3%, 55.7%
OKLCH 0.3794 0.0898 277.2 0.5234 0.0738 103.8

对比度与无障碍

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #716C37 → 背景色: #373C71

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

文本: #373C71 → 背景色: #716C37

色差 (Delta E)

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

渐变

#373C71 #464368 #524B5F #5B5356 #635B4D #6B6442 #716C37

颜色混合

#373C71

100%

#4C4764

75:25

#5B5356

50:50

#675F48

25:75

#716C37

100%

CSS渐变代码

background: linear-gradient(to right, #373C71, #716C37);
background: linear-gradient(135deg, #373C71, #716C37);

探索每种颜色

#373C71

查看完整颜色详情

#716C37

查看完整颜色详情

相关比较