#BA97EB

#BA97EB

#C8EB97

#C8EB97

对比度

1.81:1

Delta E

94.83

Very Different

50:50 混合

#C7C1C3

颜色值

格式 #BA97EB #C8EB97
HEX #BA97EB #C8EB97
RGB 186, 151, 235 200, 235, 151
HSL 265.0, 67.7%, 75.7% 85.0, 67.7%, 75.7%
HSV 265.0, 35.7%, 92.2% 85.0, 35.7%, 92.2%
CMYK 20.9%, 35.7%, 0.0%, 7.8% 14.9%, 0.0%, 35.7%, 7.8%
OKLCH 0.7396 0.1235 302.7 0.8953 0.1149 127.0

对比度与无障碍

1.81:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C8EB97 → 背景色: #BA97EB

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

文本: #BA97EB → 背景色: #C8EB97

色差 (Delta E)

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

渐变

#BA97EB #C0A5DE #C4B3D1 #C7C1C3 #C8CFB5 #C9DDA6 #C8EB97

颜色混合

#BA97EB

100%

#C2ACD7

75:25

#C7C1C3

50:50

#C9D6AE

25:75

#C8EB97

100%

CSS渐变代码

background: linear-gradient(to right, #BA97EB, #C8EB97);
background: linear-gradient(135deg, #BA97EB, #C8EB97);

探索每种颜色

#BA97EB

查看完整颜色详情

#C8EB97

查看完整颜色详情

相关比较