#84D45F

#84D45F

#AF5FD4

#AF5FD4

对比度

2.14:1

Delta E

139.17

Very Different

50:50 混合

#A79E9E

颜色值

格式 #84D45F #AF5FD4
HEX #84D45F #AF5FD4
RGB 132, 212, 95 175, 95, 212
HSL 101.0, 57.6%, 60.2% 281.0, 57.6%, 60.2%
HSV 101.0, 55.2%, 83.1% 281.0, 55.2%, 83.1%
CMYK 37.7%, 0.0%, 55.2%, 16.9% 17.5%, 55.2%, 0.0%, 16.9%
OKLCH 0.7929 0.1715 136.8 0.626 0.1838 313.9

对比度与无障碍

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5FD4 → 背景色: #84D45F

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

文本: #84D45F → 背景色: #AF5FD4

色差 (Delta E)

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

渐变

#84D45F #94C376 #9FB18B #A79E9E #AC8BB1 #AF76C2 #AF5FD4

颜色混合

#84D45F

100%

#9ABA81

75:25

#A79E9E

50:50

#AE81BA

25:75

#AF5FD4

100%

CSS渐变代码

background: linear-gradient(to right, #84D45F, #AF5FD4);
background: linear-gradient(135deg, #84D45F, #AF5FD4);

探索每种颜色

#84D45F

查看完整颜色详情

#AF5FD4

查看完整颜色详情

相关比较