#8F87A5

#8F87A5

#9DA587

#9DA587

对比度

1.32:1

Delta E

35.21

Very Different

50:50 混合

#979696

颜色值

格式 #8F87A5 #9DA587
HEX #8F87A5 #9DA587
RGB 143, 135, 165 157, 165, 135
HSL 256.0, 14.3%, 58.8% 76.0, 14.3%, 58.8%
HSV 256.0, 18.2%, 64.7% 76.0, 18.2%, 64.7%
CMYK 13.3%, 18.2%, 0.0%, 35.3% 4.8%, 0.0%, 18.2%, 35.3%
OKLCH 0.6408 0.0452 297.3 0.7073 0.0432 119.6

对比度与无障碍

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA587 → 背景色: #8F87A5

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

文本: #8F87A5 → 背景色: #9DA587

色差 (Delta E)

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

渐变

#8F87A5 #928CA0 #95919B #979696 #999B91 #9BA08C #9DA587

颜色混合

#8F87A5

100%

#938E9E

75:25

#979696

50:50

#9A9D8F

25:75

#9DA587

100%

CSS渐变代码

background: linear-gradient(to right, #8F87A5, #9DA587);
background: linear-gradient(135deg, #8F87A5, #9DA587);

探索每种颜色

#8F87A5

查看完整颜色详情

#9DA587

查看完整颜色详情

相关比较