#7772A2

#7772A2

#9DA272

#9DA272

对比度

1.66:1

Delta E

56.51

Very Different

50:50 混合

#8D8A8B

颜色值

格式 #7772A2 #9DA272
HEX #7772A2 #9DA272
RGB 119, 114, 162 157, 162, 114
HSL 246.3, 20.5%, 54.1% 66.2, 20.5%, 54.1%
HSV 246.3, 29.6%, 63.5% 66.2, 29.6%, 63.5%
CMYK 26.5%, 29.6%, 0.0%, 36.5% 3.1%, 0.0%, 29.6%, 36.5%
OKLCH 0.5754 0.0732 288.6 0.696 0.0664 113.0

对比度与无障碍

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA272 → 背景色: #7772A2

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

文本: #7772A2 → 背景色: #9DA272

色差 (Delta E)

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

渐变

#7772A2 #7F7A9B #868293 #8D8A8B #939283 #989A7B #9DA272

颜色混合

#7772A2

100%

#837E97

75:25

#8D8A8B

50:50

#96967F

25:75

#9DA272

100%

CSS渐变代码

background: linear-gradient(to right, #7772A2, #9DA272);
background: linear-gradient(135deg, #7772A2, #9DA272);

探索每种颜色

#7772A2

查看完整颜色详情

#9DA272

查看完整颜色详情

相关比较