#9D6DDF

#9D6DDF

#AFDF6D

#AFDF6D

对比度

2.39:1

Delta E

129.93

Very Different

50:50 混合

#B1A7AB

颜色值

格式 #9D6DDF #AFDF6D
HEX #9D6DDF #AFDF6D
RGB 157, 109, 223 175, 223, 109
HSL 265.3, 64.0%, 65.1% 85.3, 64.0%, 65.1%
HSV 265.3, 51.1%, 87.5% 85.3, 51.1%, 87.5%
CMYK 29.6%, 51.1%, 0.0%, 12.5% 21.5%, 0.0%, 51.1%, 12.5%
OKLCH 0.634 0.1693 301.2 0.8456 0.1523 128.2

对比度与无障碍

2.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AFDF6D → 背景色: #9D6DDF

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

文本: #9D6DDF → 背景色: #AFDF6D

色差 (Delta E)

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

渐变

#9D6DDF #A681CE #AD94BD #B1A7AB #B3BA98 #B2CD84 #AFDF6D

颜色混合

#9D6DDF

100%

#AA8BC5

75:25

#B1A7AB

50:50

#B3C38E

25:75

#AFDF6D

100%

CSS渐变代码

background: linear-gradient(to right, #9D6DDF, #AFDF6D);
background: linear-gradient(135deg, #9D6DDF, #AFDF6D);

探索每种颜色

#9D6DDF

查看完整颜色详情

#AFDF6D

查看完整颜色详情

相关比较