#2FB02E

#2FB02E

#AF2EB0

#AF2EB0

对比度

1.92:1

Delta E

157.75

Very Different

50:50 混合

#8B7E77

颜色值

格式 #2FB02E #AF2EB0
HEX #2FB02E #AF2EB0
RGB 47, 176, 46 175, 46, 176
HSL 119.5, 58.6%, 43.5% 299.5, 58.6%, 43.5%
HSV 119.5, 73.9%, 69.0% 299.5, 73.9%, 69.0%
CMYK 73.3%, 0.0%, 73.9%, 31.0% 0.6%, 73.9%, 0.0%, 31.0%
OKLCH 0.6636 0.2001 142.8 0.5503 0.2164 327.7

对比度与无障碍

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF2EB0 → 背景色: #2FB02E

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

文本: #2FB02E → 背景色: #AF2EB0

色差 (Delta E)

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

渐变

#2FB02E #5EA14B #789062 #8B7E77 #9A6A8A #A6529D #AF2EB0

颜色混合

#2FB02E

100%

#6C9957

75:25

#8B7E77

50:50

#A05F94

25:75

#AF2EB0

100%

CSS渐变代码

background: linear-gradient(to right, #2FB02E, #AF2EB0);
background: linear-gradient(135deg, #2FB02E, #AF2EB0);

探索每种颜色

#2FB02E

查看完整颜色详情

#AF2EB0

查看完整颜色详情

相关比较