#9DAE91

#9DAE91

#A291AE

#A291AE

对比度

1.24:1

Delta E

35.31

Very Different

50:50 混合

#A0A0A0

颜色值

格式 #9DAE91 #A291AE
HEX #9DAE91 #A291AE
RGB 157, 174, 145 162, 145, 174
HSL 95.2, 15.2%, 62.5% 275.2, 15.2%, 62.5%
HSV 95.2, 16.7%, 68.2% 275.2, 16.7%, 68.2%
CMYK 9.8%, 0.0%, 16.7%, 31.8% 6.9%, 16.7%, 0.0%, 31.8%
OKLCH 0.7295 0.0451 132.3 0.6812 0.0461 311.3

对比度与无障碍

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A291AE → 背景色: #9DAE91

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

文本: #9DAE91 → 背景色: #A291AE

色差 (Delta E)

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

渐变

#9DAE91 #9EA996 #9FA49B #A0A0A0 #A19BA5 #A296A9 #A291AE

颜色混合

#9DAE91

100%

#9FA798

75:25

#A0A0A0

50:50

#A198A7

25:75

#A291AE

100%

CSS渐变代码

background: linear-gradient(to right, #9DAE91, #A291AE);
background: linear-gradient(135deg, #9DAE91, #A291AE);

探索每种颜色

#9DAE91

查看完整颜色详情

#A291AE

查看完整颜色详情

相关比较