#552BAA

#552BAA

#80AA2B

#80AA2B

对比度

3.33:1

Delta E

146.83

Very Different

50:50 混合

#7D6D75

颜色值

格式 #552BAA #80AA2B
HEX #552BAA #80AA2B
RGB 85, 43, 170 128, 170, 43
HSL 259.8, 59.6%, 41.8% 79.8, 59.6%, 41.8%
HSV 259.8, 74.7%, 66.7% 79.8, 74.7%, 66.7%
CMYK 50.0%, 74.7%, 0.0%, 33.3% 24.7%, 0.0%, 74.7%, 33.3%
OKLCH 0.4249 0.1879 291.4 0.6836 0.1576 126.5

对比度与无障碍

3.33:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #80AA2B → 背景色: #552BAA

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

文本: #552BAA → 背景色: #80AA2B

色差 (Delta E)

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

渐变

#552BAA #684399 #755887 #7D6D75 #818161 #82964A #80AA2B

颜色混合

#552BAA

100%

#6F4D90

75:25

#7D6D75

50:50

#828B56

25:75

#80AA2B

100%

CSS渐变代码

background: linear-gradient(to right, #552BAA, #80AA2B);
background: linear-gradient(135deg, #552BAA, #80AA2B);

探索每种颜色

#552BAA

查看完整颜色详情

#80AA2B

查看完整颜色详情

相关比较