#5C08F7

#5C08F7

#A3F708

#A3F708

对比度

5.6:1

Delta E

230.66

Very Different

50:50 混合

#A991A2

颜色值

格式 #5C08F7 #A3F708
HEX #5C08F7 #A3F708
RGB 92, 8, 247 163, 247, 8
HSL 261.1, 93.7%, 50.0% 81.1, 93.7%, 50.0%
HSV 261.1, 96.8%, 96.9% 81.1, 96.8%, 96.9%
CMYK 62.8%, 96.8%, 0.0%, 3.1% 34.0%, 0.0%, 96.8%, 3.1%
OKLCH 0.488 0.2856 283.0 0.8879 0.2385 130.2

对比度与无障碍

5.6:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #A3F708 → 背景色: #5C08F7

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

文本: #5C08F7 → 背景色: #A3F708

色差 (Delta E)

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

渐变

#5C08F7 #8646DB #9C6DBF #A991A2 #AFB382 #ADD55B #A3F708

颜色混合

#5C08F7

100%

#935BCD

75:25

#A991A2

50:50

#AFC470

25:75

#A3F708

100%

CSS渐变代码

background: linear-gradient(to right, #5C08F7, #A3F708);
background: linear-gradient(135deg, #5C08F7, #A3F708);

探索每种颜色

#5C08F7

查看完整颜色详情

#A3F708

查看完整颜色详情

相关比较