#8986DF

#8986DF

#DCDF86

#DCDF86

对比度

2.29:1

Delta E

99.3

Very Different

50:50 混合

#BBB1B6

颜色值

格式 #8986DF #DCDF86
HEX #8986DF #DCDF86
RGB 137, 134, 223 220, 223, 134
HSL 242.0, 58.2%, 70.0% 62.0, 58.2%, 70.0%
HSV 242.0, 39.9%, 87.5% 62.0, 39.9%, 87.5%
CMYK 38.6%, 39.9%, 0.0%, 12.5% 1.3%, 0.0%, 39.9%, 12.5%
OKLCH 0.6605 0.1304 283.8 0.8818 0.1119 110.2

对比度与无障碍

2.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCDF86 → 背景色: #8986DF

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

文本: #8986DF → 背景色: #DCDF86

色差 (Delta E)

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

渐变

#8986DF #9D94D2 #ADA3C4 #BBB1B6 #C7C0A7 #D2D097 #DCDF86

颜色混合

#8986DF

100%

#A59BCB

75:25

#BBB1B6

50:50

#CDC89F

25:75

#DCDF86

100%

CSS渐变代码

background: linear-gradient(to right, #8986DF, #DCDF86);
background: linear-gradient(135deg, #8986DF, #DCDF86);

探索每种颜色

#8986DF

查看完整颜色详情

#DCDF86

查看完整颜色详情

相关比较