#5AC617

#5AC617

#8317C6

#8317C6

对比度

3.28:1

Delta E

187.86

Very Different

50:50 混合

#8B7E81

颜色值

格式 #5AC617 #8317C6
HEX #5AC617 #8317C6
RGB 90, 198, 23 131, 23, 198
HSL 97.0, 79.2%, 43.3% 277.0, 79.2%, 43.3%
HSV 97.0, 88.4%, 77.6% 277.0, 88.4%, 77.6%
CMYK 54.5%, 0.0%, 88.4%, 22.4% 33.8%, 88.4%, 0.0%, 22.4%
OKLCH 0.7335 0.2178 137.5 0.4884 0.2379 306.4

对比度与无障碍

3.28:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #8317C6 → 背景色: #5AC617

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

文本: #5AC617 → 背景色: #8317C6

色差 (Delta E)

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

渐变

#5AC617 #74AF49 #839768 #8B7E81 #8D6499 #8B46B0 #8317C6

颜色混合

#5AC617

100%

#7DA359

75:25

#8B7E81

50:50

#8D56A4

25:75

#8317C6

100%

CSS渐变代码

background: linear-gradient(to right, #5AC617, #8317C6);
background: linear-gradient(135deg, #5AC617, #8317C6);

探索每种颜色

#5AC617

查看完整颜色详情

#8317C6

查看完整颜色详情

相关比较