#372DAC

#372DAC

#A2AC2D

#A2AC2D

对比度

3.97:1

Delta E

146.0

Very Different

50:50 混合

#846B77

颜色值

格式 #372DAC #A2AC2D
HEX #372DAC #A2AC2D
RGB 55, 45, 172 162, 172, 45
HSL 244.7, 58.5%, 42.5% 64.7, 58.5%, 42.5%
HSV 244.7, 73.8%, 67.5% 64.7, 73.8%, 67.5%
CMYK 68.0%, 73.8%, 0.0%, 32.5% 5.8%, 0.0%, 73.8%, 32.5%
OKLCH 0.4029 0.1919 276.9 0.7137 0.1449 114.0

对比度与无障碍

3.97:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #A2AC2D → 背景色: #372DAC

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

文本: #372DAC → 背景色: #A2AC2D

色差 (Delta E)

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

渐变

#372DAC #5D419B #74568A #846B77 #918064 #9B964D #A2AC2D

颜色混合

#372DAC

100%

#6A4C92

75:25

#846B77

50:50

#968B59

25:75

#A2AC2D

100%

CSS渐变代码

background: linear-gradient(to right, #372DAC, #A2AC2D);
background: linear-gradient(135deg, #372DAC, #A2AC2D);

探索每种颜色

#372DAC

查看完整颜色详情

#A2AC2D

查看完整颜色详情

相关比较