#373C87

#373C87

#878237

#878237

对比度

2.45:1

Delta E

91.81

Very Different

50:50 混合

#6B5D63

颜色值

格式 #373C87 #878237
HEX #373C87 #878237
RGB 55, 60, 135 135, 130, 55
HSL 236.2, 42.1%, 37.3% 56.2, 42.1%, 37.3%
HSV 236.2, 59.3%, 52.9% 56.2, 59.3%, 52.9%
CMYK 59.3%, 55.6%, 0.0%, 47.1% 0.0%, 3.7%, 59.3%, 47.1%
OKLCH 0.3954 0.1234 276.3 0.5952 0.097 105.4

对比度与无障碍

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #878237 → 背景色: #373C87

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

文本: #373C87 → 背景色: #878237

色差 (Delta E)

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

渐变

#373C87 #4E477B #5E526F #6B5D63 #766956 #7F7648 #878237

颜色混合

#373C87

100%

#574C75

75:25

#6B5D63

50:50

#7B6F4F

25:75

#878237

100%

CSS渐变代码

background: linear-gradient(to right, #373C87, #878237);
background: linear-gradient(135deg, #373C87, #878237);

探索每种颜色

#373C87

查看完整颜色详情

#878237

查看完整颜色详情

相关比较