#9689EC

#9689EC

#DFEC89

#DFEC89

对比度

2.33:1

Delta E

109.4

Very Different

50:50 混合

#C4BABE

颜色值

格式 #9689EC #DFEC89
HEX #9689EC #DFEC89
RGB 150, 137, 236 223, 236, 137
HSL 247.9, 72.3%, 73.1% 67.9, 72.3%, 73.1%
HSV 247.9, 41.9%, 92.5% 67.9, 41.9%, 92.5%
CMYK 36.4%, 41.9%, 0.0%, 7.5% 5.5%, 0.0%, 41.9%, 7.5%
OKLCH 0.6835 0.1432 288.0 0.9119 0.1241 115.0

对比度与无障碍

2.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFEC89 → 背景色: #9689EC

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

文本: #9689EC → 背景色: #DFEC89

色差 (Delta E)

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

渐变

#9689EC #A899DD #B7A9CE #C4BABE #CECAAE #D7DB9C #DFEC89

颜色混合

#9689EC

100%

#B0A1D5

75:25

#C4BABE

50:50

#D3D3A5

25:75

#DFEC89

100%

CSS渐变代码

background: linear-gradient(to right, #9689EC, #DFEC89);
background: linear-gradient(135deg, #9689EC, #DFEC89);

探索每种颜色

#9689EC

查看完整颜色详情

#DFEC89

查看完整颜色详情

相关比较