#786CA9

#786CA9

#9DA96C

#9DA96C

对比度

1.84:1

Delta E

71.73

Very Different

50:50 混合

#8F8A8C

颜色值

格式 #786CA9 #9DA96C
HEX #786CA9 #9DA96C
RGB 120, 108, 169 157, 169, 108
HSL 251.8, 26.2%, 54.3% 71.8, 26.2%, 54.3%
HSV 251.8, 36.1%, 66.3% 71.8, 36.1%, 66.3%
CMYK 29.0%, 36.1%, 0.0%, 33.7% 7.1%, 0.0%, 36.1%, 33.7%
OKLCH 0.5675 0.0933 292.2 0.7104 0.0839 117.7

对比度与无障碍

1.84:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA96C → 背景色: #786CA9

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

文本: #786CA9 → 背景色: #9DA96C

色差 (Delta E)

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

渐变

#786CA9 #8176A0 #888096 #8F8A8C #949482 #999F77 #9DA96C

颜色混合

#786CA9

100%

#857B9B

75:25

#8F8A8C

50:50

#979A7D

25:75

#9DA96C

100%

CSS渐变代码

background: linear-gradient(to right, #786CA9, #9DA96C);
background: linear-gradient(135deg, #786CA9, #9DA96C);

探索每种颜色

#786CA9

查看完整颜色详情

#9DA96C

查看完整颜色详情

相关比较