#2ACB0E

#2ACB0E

#AF0ECB

#AF0ECB

对比度

2.57:1

Delta E

196.12

Very Different

50:50 混合

#968882

颜色值

格式 #2ACB0E #AF0ECB
HEX #2ACB0E #AF0ECB
RGB 42, 203, 14 175, 14, 203
HSL 111.1, 87.1%, 42.5% 291.1, 87.1%, 42.5%
HSV 111.1, 93.1%, 79.6% 291.1, 93.1%, 79.6%
CMYK 79.3%, 0.0%, 93.1%, 20.4% 13.8%, 93.1%, 0.0%, 20.4%
OKLCH 0.7337 0.241 141.6 0.551 0.2581 320.3

对比度与无障碍

2.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF0ECB → 背景色: #2ACB0E

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

文本: #2ACB0E → 背景色: #AF0ECB

色差 (Delta E)

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

渐变

#2ACB0E #66B647 #83A067 #968882 #A26E9B #AB4DB3 #AF0ECB

颜色混合

#2ACB0E

100%

#76AB58

75:25

#968882

50:50

#A75FA7

25:75

#AF0ECB

100%

CSS渐变代码

background: linear-gradient(to right, #2ACB0E, #AF0ECB);
background: linear-gradient(135deg, #2ACB0E, #AF0ECB);

探索每种颜色

#2ACB0E

查看完整颜色详情

#AF0ECB

查看完整颜色详情

相关比较