#8ADA5F

#8ADA5F

#AF5FDA

#AF5FDA

对比度

2.24:1

Delta E

144.5

Very Different

50:50 混合

#ABA1A2

颜色值

格式 #8ADA5F #AF5FDA
HEX #8ADA5F #AF5FDA
RGB 138, 218, 95 175, 95, 218
HSL 99.0, 62.4%, 61.4% 279.0, 62.4%, 61.4%
HSV 99.0, 56.4%, 85.5% 279.0, 56.4%, 85.5%
CMYK 36.7%, 0.0%, 56.4%, 14.5% 19.7%, 56.4%, 0.0%, 14.5%
OKLCH 0.8104 0.1765 136.0 0.6294 0.1902 312.2

对比度与无障碍

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5FDA → 背景色: #8ADA5F

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

文本: #8ADA5F → 背景色: #AF5FDA

色差 (Delta E)

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

渐变

#8ADA5F #99C878 #A4B58E #ABA1A2 #AF8DB5 #B077C8 #AF5FDA

颜色混合

#8ADA5F

100%

#9FBE83

75:25

#ABA1A2

50:50

#B082BE

25:75

#AF5FDA

100%

CSS渐变代码

background: linear-gradient(to right, #8ADA5F, #AF5FDA);
background: linear-gradient(135deg, #8ADA5F, #AF5FDA);

探索每种颜色

#8ADA5F

查看完整颜色详情

#AF5FDA

查看完整颜色详情

相关比较