#3E682B

#3E682B

#552B68

#552B68

对比度

1.67:1

Delta E

82.7

Very Different

50:50 混合

#514C4C

颜色值

格式 #3E682B #552B68
HEX #3E682B #552B68
RGB 62, 104, 43 85, 43, 104
HSL 101.3, 41.5%, 28.8% 281.3, 41.5%, 28.8%
HSV 101.3, 58.7%, 40.8% 281.3, 58.7%, 40.8%
CMYK 40.4%, 0.0%, 58.7%, 59.2% 18.3%, 58.7%, 0.0%, 59.2%
OKLCH 0.4714 0.102 137.0 0.3728 0.1093 314.1

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #552B68 → 背景色: #3E682B

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

文本: #3E682B → 背景色: #552B68

色差 (Delta E)

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

渐变

#3E682B #465F37 #4C5642 #514C4C #534256 #55375F #552B68

颜色混合

#3E682B

100%

#4A5A3D

75:25

#514C4C

50:50

#543D5A

25:75

#552B68

100%

CSS渐变代码

background: linear-gradient(to right, #3E682B, #552B68);
background: linear-gradient(135deg, #3E682B, #552B68);

探索每种颜色

#3E682B

查看完整颜色详情

#552B68

查看完整颜色详情

相关比较