#BA96EB

#BA96EB

#C7EB96

#C7EB96

对比度

1.82:1

Delta E

96.05

Very Different

50:50 混合

#C6C1C3

颜色值

格式 #BA96EB #C7EB96
HEX #BA96EB #C7EB96
RGB 186, 150, 235 199, 235, 150
HSL 265.4, 68.0%, 75.5% 85.4, 68.0%, 75.5%
HSV 265.4, 36.2%, 92.2% 85.4, 36.2%, 92.2%
CMYK 20.9%, 36.2%, 0.0%, 7.8% 15.3%, 0.0%, 36.2%, 7.8%
OKLCH 0.7378 0.1252 302.9 0.8945 0.1164 127.3

对比度与无障碍

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C7EB96 → 背景色: #BA96EB

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

文本: #BA96EB → 背景色: #C7EB96

色差 (Delta E)

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

渐变

#BA96EB #BFA4DE #C3B3D0 #C6C1C3 #C8CFB4 #C8DDA6 #C7EB96

颜色混合

#BA96EB

100%

#C2ACD7

75:25

#C6C1C3

50:50

#C8D6AD

25:75

#C7EB96

100%

CSS渐变代码

background: linear-gradient(to right, #BA96EB, #C7EB96);
background: linear-gradient(135deg, #BA96EB, #C7EB96);

探索每种颜色

#BA96EB

查看完整颜色详情

#C7EB96

查看完整颜色详情

相关比较