#345E2B

#345E2B

#552B5E

#552B5E

对比度

1.47:1

Delta E

72.6

Very Different

50:50 混合

#4B4746

颜色值

格式 #345E2B #552B5E
HEX #345E2B #552B5E
RGB 52, 94, 43 85, 43, 94
HSL 109.4, 37.2%, 26.9% 289.4, 37.2%, 26.9%
HSV 109.4, 54.3%, 36.9% 289.4, 54.3%, 36.9%
CMYK 44.7%, 0.0%, 54.3%, 63.1% 9.6%, 54.3%, 0.0%, 63.1%
OKLCH 0.4378 0.0921 140.1 0.3666 0.0974 320.3

对比度与无障碍

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #552B5E → 背景色: #345E2B

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

文本: #345E2B → 背景色: #552B5E

色差 (Delta E)

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

渐变

#345E2B #3E5735 #454F3E #4B4746 #4F3F4E #523556 #552B5E

颜色混合

#345E2B

100%

#415339

75:25

#4B4746

50:50

#513A52

25:75

#552B5E

100%

CSS渐变代码

background: linear-gradient(to right, #345E2B, #552B5E);
background: linear-gradient(135deg, #345E2B, #552B5E);

探索每种颜色

#345E2B

查看完整颜色详情

#552B5E

查看完整颜色详情

相关比较