#9F6FDF

#9F6FDF

#AFDF6F

#AFDF6F

对比度

2.34:1

Delta E

127.81

Very Different

50:50 混合

#B2A8AC

颜色值

格式 #9F6FDF #AFDF6F
HEX #9F6FDF #AFDF6F
RGB 159, 111, 223 175, 223, 111
HSL 265.7, 63.6%, 65.5% 85.7, 63.6%, 65.5%
HSV 265.7, 50.2%, 87.5% 85.7, 50.2%, 87.5%
CMYK 28.7%, 50.2%, 0.0%, 12.5% 21.5%, 0.0%, 50.2%, 12.5%
OKLCH 0.6392 0.1666 301.7 0.8459 0.1504 128.4

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AFDF6F → 背景色: #9F6FDF

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

文本: #9F6FDF → 背景色: #AFDF6F

色差 (Delta E)

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

渐变

#9F6FDF #A883CE #AE96BD #B2A8AC #B3BB99 #B2CD85 #AFDF6F

颜色混合

#9F6FDF

100%

#AB8CC6

75:25

#B2A8AC

50:50

#B3C48F

25:75

#AFDF6F

100%

CSS渐变代码

background: linear-gradient(to right, #9F6FDF, #AFDF6F);
background: linear-gradient(135deg, #9F6FDF, #AFDF6F);

探索每种颜色

#9F6FDF

查看完整颜色详情

#AFDF6F

查看完整颜色详情

相关比较