#9386FD

#9386FD

#F0FD86

#F0FD86

对比度

2.7:1

Delta E

129.87

Very Different

50:50 混合

#CFC0C7

颜色值

格式 #9386FD #F0FD86
HEX #9386FD #F0FD86
RGB 147, 134, 253 240, 253, 134
HSL 246.6, 96.7%, 75.9% 66.6, 96.7%, 75.9%
HSV 246.6, 47.0%, 99.2% 66.6, 47.0%, 99.2%
CMYK 41.9%, 47.0%, 0.0%, 0.8% 5.1%, 0.0%, 47.0%, 0.8%
OKLCH 0.6852 0.1706 286.0 0.96 0.144 114.3

对比度与无障碍

2.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0FD86 → 背景色: #9386FD

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

文本: #9386FD → 背景色: #F0FD86

色差 (Delta E)

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

渐变

#9386FD #AC99EB #BFACD9 #CFC0C7 #DCD4B3 #E7E89E #F0FD86

颜色混合

#9386FD

100%

#B6A3E2

75:25

#CFC0C7

50:50

#E1DEA8

25:75

#F0FD86

100%

CSS渐变代码

background: linear-gradient(to right, #9386FD, #F0FD86);
background: linear-gradient(135deg, #9386FD, #F0FD86);

探索每种颜色

#9386FD

查看完整颜色详情

#F0FD86

查看完整颜色详情

相关比较