#897DA9

#897DA9

#9DA97D

#9DA97D

对比度

1.51:1

Delta E

51.73

Very Different

50:50 混合

#959394

颜色值

格式 #897DA9 #9DA97D
HEX #897DA9 #9DA97D
RGB 137, 125, 169 157, 169, 125
HSL 256.4, 20.4%, 57.6% 76.4, 20.4%, 57.6%
HSV 256.4, 26.0%, 66.3% 76.4, 26.0%, 66.3%
CMYK 18.9%, 26.0%, 0.0%, 33.7% 7.1%, 0.0%, 26.0%, 33.7%
OKLCH 0.6167 0.0668 296.9 0.7138 0.0626 120.4

对比度与无障碍

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA97D → 背景色: #897DA9

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

文本: #897DA9 → 背景色: #9DA97D

色差 (Delta E)

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

渐变

#897DA9 #8E84A2 #928C9B #959394 #989A8C #9BA285 #9DA97D

颜色混合

#897DA9

100%

#90889F

75:25

#959394

50:50

#9A9E89

25:75

#9DA97D

100%

CSS渐变代码

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

探索每种颜色

#897DA9

查看完整颜色详情

#9DA97D

查看完整颜色详情

相关比较