#7980B2

#7980B2

#B2AB79

#B2AB79

对比度

1.62:1

Delta E

57.78

Very Different

50:50 混合

#9A9597

颜色值

格式 #7980B2 #B2AB79
HEX #7980B2 #B2AB79
RGB 121, 128, 178 178, 171, 121
HSL 232.6, 27.0%, 58.6% 52.6, 27.0%, 58.6%
HSV 232.6, 32.0%, 69.8% 52.6, 32.0%, 69.8%
CMYK 32.0%, 28.1%, 0.0%, 30.2% 0.0%, 3.9%, 32.0%, 30.2%
OKLCH 0.6136 0.0762 277.8 0.7348 0.0679 101.1

对比度与无障碍

1.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B2AB79 → 背景色: #7980B2

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

文本: #7980B2 → 背景色: #B2AB79

色差 (Delta E)

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

渐变

#7980B2 #8587A9 #908EA0 #9A9597 #A29C8D #ABA483 #B2AB79

颜色混合

#7980B2

100%

#8B8AA4

75:25

#9A9597

50:50

#A7A088

25:75

#B2AB79

100%

CSS渐变代码

background: linear-gradient(to right, #7980B2, #B2AB79);
background: linear-gradient(135deg, #7980B2, #B2AB79);

探索每种颜色

#7980B2

查看完整颜色详情

#B2AB79

查看完整颜色详情

相关比较