#9ADE6A

#9ADE6A

#AE6ADE

#AE6ADE

对比度

2.2:1

Delta E

135.16

Very Different

50:50 混合

#B0A7A9

颜色值

格式 #9ADE6A #AE6ADE
HEX #9ADE6A #AE6ADE
RGB 154, 222, 106 174, 106, 222
HSL 95.2, 63.7%, 64.3% 275.2, 63.7%, 64.3%
HSV 95.2, 52.3%, 87.1% 275.2, 52.3%, 87.1%
CMYK 30.6%, 0.0%, 52.3%, 12.9% 21.6%, 52.3%, 0.0%, 12.9%
OKLCH 0.8301 0.164 133.9 0.6464 0.1773 309.4

对比度与无障碍

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AE6ADE → 背景色: #9ADE6A

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

文本: #9ADE6A → 背景色: #AE6ADE

色差 (Delta E)

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

渐变

#9ADE6A #A4CC81 #ACBA95 #B0A7A9 #B294BB #B180CD #AE6ADE

颜色混合

#9ADE6A

100%

#A8C38B

75:25

#B0A7A9

50:50

#B28AC4

25:75

#AE6ADE

100%

CSS渐变代码

background: linear-gradient(to right, #9ADE6A, #AE6ADE);
background: linear-gradient(135deg, #9ADE6A, #AE6ADE);

探索每种颜色

#9ADE6A

查看完整颜色详情

#AE6ADE

查看完整颜色详情

相关比较