#373CAC

#373CAC

#ACA737

#ACA737

对比度

3.47:1

Delta E

130.23

Very Different

50:50 混合

颜色值

格式 #373CAC #ACA737
HEX #373CAC #ACA737
RGB 55, 60, 172 172, 167, 55
HSL 237.4, 51.5%, 44.5% 57.4, 51.5%, 44.5%
HSV 237.4, 68.0%, 67.5% 57.4, 68.0%, 67.5%
CMYK 68.0%, 65.1%, 0.0%, 32.5% 0.0%, 2.9%, 68.0%, 32.5%
OKLCH 0.4267 0.1751 274.2 0.7118 0.1309 106.8

对比度与无障碍

3.47:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #ACA737 → 背景色: #373CAC

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

文本: #373CAC → 背景色: #ACA737

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #373CAC, #ACA737);
background: linear-gradient(135deg, #373CAC, #ACA737);

探索每种颜色

相关比较