#5BC903

#5BC903

#7103C9

#7103C9

对比度

3.83:1

Delta E

198.59

Very Different

50:50 混合

#877B81

颜色值

格式 #5BC903 #7103C9
HEX #5BC903 #7103C9
RGB 91, 201, 3 113, 3, 201
HSL 93.3, 97.1%, 40.0% 273.3, 97.1%, 40.0%
HSV 93.3, 98.5%, 78.8% 273.3, 98.5%, 78.8%
CMYK 54.7%, 0.0%, 98.5%, 21.2% 43.8%, 98.5%, 0.0%, 21.2%
OKLCH 0.7412 0.2244 137.1 0.4606 0.2453 299.3

对比度与无障碍

3.83:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #7103C9 → 背景色: #5BC903

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

文本: #5BC903 → 背景色: #7103C9

色差 (Delta E)

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

渐变

#5BC903 #74B047 #819667 #877B81 #865F9A #7F3FB2 #7103C9

颜色混合

#5BC903

100%

#7CA358

75:25

#877B81

50:50

#8450A6

25:75

#7103C9

100%

CSS渐变代码

background: linear-gradient(to right, #5BC903, #7103C9);
background: linear-gradient(135deg, #5BC903, #7103C9);

探索每种颜色

#5BC903

查看完整颜色详情

#7103C9

查看完整颜色详情

相关比较