#9D69DF

#9D69DF

#ABDF69

#ABDF69

对比度

2.44:1

Delta E

134.66

Very Different

50:50 混合

#B0A6A9

颜色值

格式 #9D69DF #ABDF69
HEX #9D69DF #ABDF69
RGB 157, 105, 223 171, 223, 105
HSL 266.4, 64.8%, 64.3% 86.4, 64.8%, 64.3%
HSV 266.4, 52.9%, 87.5% 86.4, 52.9%, 87.5%
CMYK 29.6%, 52.9%, 0.0%, 12.5% 23.3%, 0.0%, 52.9%, 12.5%
OKLCH 0.6276 0.1754 301.9 0.8425 0.1579 129.0

对比度与无障碍

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ABDF69 → 背景色: #9D69DF

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

文本: #9D69DF → 背景色: #ABDF69

色差 (Delta E)

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

渐变

#9D69DF #A67ECD #AC92BC #B0A6A9 #B1B996 #AFCC81 #ABDF69

颜色混合

#9D69DF

100%

#AA88C5

75:25

#B0A6A9

50:50

#B0C28B

25:75

#ABDF69

100%

CSS渐变代码

background: linear-gradient(to right, #9D69DF, #ABDF69);
background: linear-gradient(135deg, #9D69DF, #ABDF69);

探索每种颜色

#9D69DF

查看完整颜色详情

#ABDF69

查看完整颜色详情

相关比较