#878EB2

#878EB2

#B2AB87

#B2AB87

对比度

1.39:1

Delta E

41.42

Very Different

50:50 混合

#9F9C9D

颜色值

格式 #878EB2 #B2AB87
HEX #878EB2 #B2AB87
RGB 135, 142, 178 178, 171, 135
HSL 230.2, 21.8%, 61.4% 50.2, 21.8%, 61.4%
HSV 230.2, 24.2%, 69.8% 50.2, 24.2%, 69.8%
CMYK 24.2%, 20.2%, 0.0%, 30.2% 0.0%, 3.9%, 24.2%, 30.2%
OKLCH 0.6539 0.0543 276.2 0.7377 0.0501 98.3

对比度与无障碍

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B2AB87 → 背景色: #878EB2

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

文本: #878EB2 → 背景色: #B2AB87

色差 (Delta E)

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

渐变

#878EB2 #9093AB #9797A4 #9F9C9D #A6A196 #ACA68E #B2AB87

颜色混合

#878EB2

100%

#9495A8

75:25

#9F9C9D

50:50

#A9A492

25:75

#B2AB87

100%

CSS渐变代码

background: linear-gradient(to right, #878EB2, #B2AB87);
background: linear-gradient(135deg, #878EB2, #B2AB87);

探索每种颜色

#878EB2

查看完整颜色详情

#B2AB87

查看完整颜色详情

相关比较