#8087B2

#8087B2

#B2AB80

#B2AB80

对比度

1.5:1

Delta E

49.57

Very Different

50:50 混合

#9C999A

颜色值

格式 #8087B2 #B2AB80
HEX #8087B2 #B2AB80
RGB 128, 135, 178 178, 171, 128
HSL 231.6, 24.5%, 60.0% 51.6, 24.5%, 60.0%
HSV 231.6, 28.1%, 69.8% 51.6, 28.1%, 69.8%
CMYK 28.1%, 24.2%, 0.0%, 30.2% 0.0%, 3.9%, 28.1%, 30.2%
OKLCH 0.6337 0.0651 277.2 0.7362 0.0591 99.9

对比度与无障碍

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B2AB80 → 背景色: #8087B2

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

文本: #8087B2 → 背景色: #B2AB80

色差 (Delta E)

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

渐变

#8087B2 #8A8DAA #9493A2 #9C999A #A49F91 #ABA589 #B2AB80

颜色混合

#8087B2

100%

#8F90A6

75:25

#9C999A

50:50

#A8A28D

25:75

#B2AB80

100%

CSS渐变代码

background: linear-gradient(to right, #8087B2, #B2AB80);
background: linear-gradient(135deg, #8087B2, #B2AB80);

探索每种颜色

#8087B2

查看完整颜色详情

#B2AB80

查看完整颜色详情

相关比较