#A296EB

#A296EB

#DFEB96

#DFEB96

对比度

2.03:1

Delta E

93.81

Very Different

50:50 混合

#C7C0C3

颜色值

格式 #A296EB #DFEB96
HEX #A296EB #DFEB96
RGB 162, 150, 235 223, 235, 150
HSL 248.5, 68.0%, 75.5% 68.5, 68.0%, 75.5%
HSV 248.5, 36.2%, 92.2% 68.5, 36.2%, 92.2%
CMYK 31.1%, 36.2%, 0.0%, 7.8% 5.1%, 0.0%, 36.2%, 7.8%
OKLCH 0.717 0.1223 289.4 0.9118 0.1085 115.1

对比度与无障碍

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFEB96 → 背景色: #A296EB

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

文本: #A296EB → 背景色: #DFEB96

色差 (Delta E)

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

渐变

#A296EB #B0A4DE #BDB2D1 #C7C0C3 #D0CEB5 #D8DCA6 #DFEB96

颜色混合

#A296EB

100%

#B7ABD7

75:25

#C7C0C3

50:50

#D4D5AD

25:75

#DFEB96

100%

CSS渐变代码

background: linear-gradient(to right, #A296EB, #DFEB96);
background: linear-gradient(135deg, #A296EB, #DFEB96);

探索每种颜色

#A296EB

查看完整颜色详情

#DFEB96

查看完整颜色详情

相关比较