#6F2AC0

#6F2AC0

#7BC02A

#7BC02A

对比度

3.4:1

Delta E

168.62

Very Different

50:50 混合

#8B7B82

颜色值

格式 #6F2AC0 #7BC02A
HEX #6F2AC0 #7BC02A
RGB 111, 42, 192 123, 192, 42
HSL 267.6, 64.1%, 45.9% 87.6, 64.1%, 45.9%
HSV 267.6, 78.1%, 75.3% 87.6, 78.1%, 75.3%
CMYK 42.2%, 78.1%, 0.0%, 24.7% 35.9%, 0.0%, 78.1%, 24.7%
OKLCH 0.4721 0.2145 298.4 0.7345 0.1877 131.9

对比度与无障碍

3.4:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #7BC02A → 背景色: #6F2AC0

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

文本: #6F2AC0 → 背景色: #7BC02A

色差 (Delta E)

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

渐变

#6F2AC0 #7E49AC #876397 #8B7B82 #8A936B #85A950 #7BC02A

颜色混合

#6F2AC0

100%

#8357A2

75:25

#8B7B82

50:50

#889E5E

25:75

#7BC02A

100%

CSS渐变代码

background: linear-gradient(to right, #6F2AC0, #7BC02A);
background: linear-gradient(135deg, #6F2AC0, #7BC02A);

探索每种颜色

#6F2AC0

查看完整颜色详情

#7BC02A

查看完整颜色详情

相关比较