#5ABC39

#5ABC39

#9B39BC

#9B39BC

对比度

2.34:1

Delta E

155.71

Very Different

50:50 混合

#8E8482

颜色值

格式 #5ABC39 #9B39BC
HEX #5ABC39 #9B39BC
RGB 90, 188, 57 155, 57, 188
HSL 104.9, 53.5%, 48.0% 284.9, 53.5%, 48.0%
HSV 104.9, 69.7%, 73.7% 284.9, 69.7%, 73.7%
CMYK 52.1%, 0.0%, 69.7%, 26.3% 17.6%, 69.7%, 0.0%, 26.3%
OKLCH 0.7097 0.1906 139.0 0.5395 0.2054 316.3

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9B39BC → 背景色: #5ABC39

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

文本: #5ABC39 → 背景色: #9B39BC

色差 (Delta E)

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

渐变

#5ABC39 #73AA56 #83976D #8E8482 #966F96 #9A57A9 #9B39BC

颜色混合

#5ABC39

100%

#7CA162

75:25

#8E8482

50:50

#9863A0

25:75

#9B39BC

100%

CSS渐变代码

background: linear-gradient(to right, #5ABC39, #9B39BC);
background: linear-gradient(135deg, #5ABC39, #9B39BC);

探索每种颜色

#5ABC39

查看完整颜色详情

#9B39BC

查看完整颜色详情

相关比较