#8285AF

#8285AF

#AFAC82

#AFAC82

对比度

1.53:1

Delta E

48.51

Very Different

50:50 混合

#9B9899

颜色值

格式 #8285AF #AFAC82
HEX #8285AF #AFAC82
RGB 130, 133, 175 175, 172, 130
HSL 236.0, 22.0%, 59.8% 56.0, 22.0%, 59.8%
HSV 236.0, 25.7%, 68.6% 56.0, 25.7%, 68.6%
CMYK 25.7%, 24.0%, 0.0%, 31.4% 0.0%, 1.7%, 25.7%, 31.4%
OKLCH 0.6298 0.0631 281.2 0.7362 0.0575 104.3

对比度与无障碍

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AFAC82 → 背景色: #8285AF

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

文本: #8285AF → 背景色: #AFAC82

色差 (Delta E)

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

渐变

#8285AF #8B8BA8 #9392A1 #9B9899 #A29F92 #A9A58A #AFAC82

颜色混合

#8285AF

100%

#8F8EA4

75:25

#9B9899

50:50

#A6A28E

25:75

#AFAC82

100%

CSS渐变代码

background: linear-gradient(to right, #8285AF, #AFAC82);
background: linear-gradient(135deg, #8285AF, #AFAC82);

探索每种颜色

#8285AF

查看完整颜色详情

#AFAC82

查看完整颜色详情

相关比较