#9986DF

#9986DF

#CCDF86

#CCDF86

对比度

2.12:1

Delta E

99.65

Very Different

50:50 混合

#BAB2B5

颜色值

格式 #9986DF #CCDF86
HEX #9986DF #CCDF86
RGB 153, 134, 223 204, 223, 134
HSL 252.8, 58.2%, 70.0% 72.8, 58.2%, 70.0%
HSV 252.8, 39.9%, 87.5% 72.8, 39.9%, 87.5%
CMYK 31.4%, 39.9%, 0.0%, 12.5% 8.5%, 0.0%, 39.9%, 12.5%
OKLCH 0.6736 0.1299 292.4 0.8694 0.1154 118.7

对比度与无障碍

2.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCDF86 → 背景色: #9986DF

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

文本: #9986DF → 背景色: #CCDF86

色差 (Delta E)

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

渐变

#9986DF #A695D1 #B1A3C4 #BAB2B5 #C1C1A7 #C7D097 #CCDF86

颜色混合

#9986DF

100%

#AC9CCB

75:25

#BAB2B5

50:50

#C4C89F

25:75

#CCDF86

100%

CSS渐变代码

background: linear-gradient(to right, #9986DF, #CCDF86);
background: linear-gradient(135deg, #9986DF, #CCDF86);

探索每种颜色

#9986DF

查看完整颜色详情

#CCDF86

查看完整颜色详情

相关比较