#552BAC

#552BAC

#82AC2B

#82AC2B

对比度

3.39:1

Delta E

148.66

Very Different

50:50 混合

#7F6E76

颜色值

格式 #552BAC #82AC2B
HEX #552BAC #82AC2B
RGB 85, 43, 172 130, 172, 43
HSL 259.5, 60.0%, 42.2% 79.5, 60.0%, 42.2%
HSV 259.5, 75.0%, 67.5% 79.5, 75.0%, 67.5%
CMYK 50.6%, 75.0%, 0.0%, 32.5% 24.4%, 0.0%, 75.0%, 32.5%
OKLCH 0.4267 0.1902 290.9 0.6898 0.1591 126.3

对比度与无障碍

3.39:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #82AC2B → 背景色: #552BAC

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

文本: #552BAC → 背景色: #82AC2B

色差 (Delta E)

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

渐变

#552BAC #69439B #765989 #7F6E76 #838362 #84974B #82AC2B

颜色混合

#552BAC

100%

#704E92

75:25

#7F6E76

50:50

#848D57

25:75

#82AC2B

100%

CSS渐变代码

background: linear-gradient(to right, #552BAC, #82AC2B);
background: linear-gradient(135deg, #552BAC, #82AC2B);

探索每种颜色

#552BAC

查看完整颜色详情

#82AC2B

查看完整颜色详情

相关比较