#2AB422

#2AB422

#AC22B4

#AC22B4

对比度

2.1:1

Delta E

168.93

Very Different

50:50 混合

#8B7E76

颜色值

格式 #2AB422 #AC22B4
HEX #2AB422 #AC22B4
RGB 42, 180, 34 172, 34, 180
HSL 116.7, 68.2%, 42.0% 296.7, 68.2%, 42.0%
HSV 116.7, 81.1%, 70.6% 296.7, 81.1%, 70.6%
CMYK 76.7%, 0.0%, 81.1%, 29.4% 4.4%, 81.1%, 0.0%, 29.4%
OKLCH 0.6727 0.2119 142.2 0.5398 0.2291 325.6

对比度与无障碍

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AC22B4 → 背景色: #2AB422

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

文本: #2AB422 → 背景色: #AC22B4

色差 (Delta E)

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

渐变

#2AB422 #5EA346 #799160 #8B7E76 #99688B #A44DA0 #AC22B4

颜色混合

#2AB422

100%

#6C9A54

75:25

#8B7E76

50:50

#9F5B96

25:75

#AC22B4

100%

CSS渐变代码

background: linear-gradient(to right, #2AB422, #AC22B4);
background: linear-gradient(135deg, #2AB422, #AC22B4);

探索每种颜色

#2AB422

查看完整颜色详情

#AC22B4

查看完整颜色详情

相关比较