#5103C9

#5103C9

#7BC903

#7BC903

对比度

4.62:1

Delta E

198.36

Very Different

50:50 混合

#887683

颜色值

格式 #5103C9 #7BC903
HEX #5103C9 #7BC903
RGB 81, 3, 201 123, 201, 3
HSL 263.6, 97.1%, 40.0% 83.6, 97.1%, 40.0%
HSV 263.6, 98.5%, 78.8% 83.6, 98.5%, 78.8%
CMYK 59.7%, 98.5%, 0.0%, 21.2% 38.8%, 0.0%, 98.5%, 21.2%
OKLCH 0.4245 0.2444 286.2 0.7556 0.209 132.0

对比度与无障碍

4.62:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #7BC903 → 背景色: #5103C9

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

文本: #5103C9 → 背景色: #7BC903

色差 (Delta E)

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

渐变

#5103C9 #6F38B2 #7F599B #887683 #8A9268 #86AD48 #7BC903

颜色混合

#5103C9

100%

#7849A7

75:25

#887683

50:50

#89A059

25:75

#7BC903

100%

CSS渐变代码

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

探索每种颜色

#5103C9

查看完整颜色详情

#7BC903

查看完整颜色详情

相关比较