#897FA7

#897FA7

#9DA77F

#9DA77F

对比度

1.46:1

Delta E

46.97

Very Different

50:50 混合

#959394

颜色值

格式 #897FA7 #9DA77F
HEX #897FA7 #9DA77F
RGB 137, 127, 167 157, 167, 127
HSL 255.0, 18.5%, 57.6% 75.0, 18.5%, 57.6%
HSV 255.0, 24.0%, 65.5% 75.0, 24.0%, 65.5%
CMYK 18.0%, 24.0%, 0.0%, 34.5% 6.0%, 0.0%, 24.0%, 34.5%
OKLCH 0.6199 0.0605 296.1 0.7098 0.0569 119.3

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA77F → 背景色: #897FA7

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

文本: #897FA7 → 背景色: #9DA77F

色差 (Delta E)

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

渐变

#897FA7 #8D86A1 #918C9A #959394 #989A8D #9BA086 #9DA77F

颜色混合

#897FA7

100%

#8F899D

75:25

#959394

50:50

#999D8A

25:75

#9DA77F

100%

CSS渐变代码

background: linear-gradient(to right, #897FA7, #9DA77F);
background: linear-gradient(135deg, #897FA7, #9DA77F);

探索每种颜色

#897FA7

查看完整颜色详情

#9DA77F

查看完整颜色详情

相关比较