#548C2D

#548C2D

#652D8C

#652D8C

对比度

2.24:1

Delta E

118.19

Very Different

50:50 混合

#696162

颜色值

格式 #548C2D #652D8C
HEX #548C2D #652D8C
RGB 84, 140, 45 101, 45, 140
HSL 95.4, 51.4%, 36.3% 275.4, 51.4%, 36.3%
HSV 95.4, 67.9%, 54.9% 275.4, 67.9%, 54.9%
CMYK 40.0%, 0.0%, 67.9%, 45.1% 27.9%, 67.9%, 0.0%, 45.1%
OKLCH 0.5808 0.1401 134.9 0.4214 0.1537 308.2

对比度与无障碍

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #652D8C → 背景色: #548C2D

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

文本: #548C2D → 背景色: #652D8C

色差 (Delta E)

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

渐变

#548C2D #5E7E42 #656F53 #696162 #6A5170 #69407E #652D8C

颜色混合

#548C2D

100%

#62774B

75:25

#696162

50:50

#6A4977

25:75

#652D8C

100%

CSS渐变代码

background: linear-gradient(to right, #548C2D, #652D8C);
background: linear-gradient(135deg, #548C2D, #652D8C);

探索每种颜色

#548C2D

查看完整颜色详情

#652D8C

查看完整颜色详情

相关比较