#8488AF

#8488AF

#AFAB84

#AFAB84

对比度

1.47:1

Delta E

44.98

Very Different

50:50 混合

#9C999A

颜色值

格式 #8488AF #AFAB84
HEX #8488AF #AFAB84
RGB 132, 136, 175 175, 171, 132
HSL 234.4, 21.2%, 60.2% 54.4, 21.2%, 60.2%
HSV 234.4, 24.6%, 68.6% 54.4, 24.6%, 68.6%
CMYK 24.6%, 22.3%, 0.0%, 31.4% 0.0%, 2.3%, 24.6%, 31.4%
OKLCH 0.6377 0.0585 280.0 0.7345 0.0537 102.7

对比度与无障碍

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AFAB84 → 背景色: #8488AF

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

文本: #8488AF → 背景色: #AFAB84

色差 (Delta E)

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

渐变

#8488AF #8D8EA8 #9593A1 #9C999A #A39F93 #A9A58C #AFAB84

颜色混合

#8488AF

100%

#9190A5

75:25

#9C999A

50:50

#A6A28F

25:75

#AFAB84

100%

CSS渐变代码

background: linear-gradient(to right, #8488AF, #AFAB84);
background: linear-gradient(135deg, #8488AF, #AFAB84);

探索每种颜色

#8488AF

查看完整颜色详情

#AFAB84

查看完整颜色详情

相关比较