#2AB015

#2AB015

#9B15B0

#9B15B0

对比度

2.34:1

Delta E

172.2

Very Different

50:50 混合

#837771

颜色值

格式 #2AB015 #9B15B0
HEX #2AB015 #9B15B0
RGB 42, 176, 21 155, 21, 176
HSL 111.9, 78.7%, 38.6% 291.9, 78.7%, 38.6%
HSV 111.9, 88.1%, 69.0% 291.9, 88.1%, 69.0%
CMYK 76.1%, 0.0%, 88.1%, 31.0% 11.9%, 88.1%, 0.0%, 31.0%
OKLCH 0.6612 0.2125 141.5 0.5046 0.2284 321.4

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9B15B0 → 背景色: #2AB015

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

文本: #2AB015 → 背景色: #9B15B0

色差 (Delta E)

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

渐变

#2AB015 #5A9E40 #738B5A #837771 #8F6087 #96459C #9B15B0

颜色混合

#2AB015

100%

#68954E

75:25

#837771

50:50

#935491

25:75

#9B15B0

100%

CSS渐变代码

background: linear-gradient(to right, #2AB015, #9B15B0);
background: linear-gradient(135deg, #2AB015, #9B15B0);

探索每种颜色

#2AB015

查看完整颜色详情

#9B15B0

查看完整颜色详情

相关比较