根据两种颜色获得颜色

Question

我希望有一种基于另外两种颜色的颜色。所以：

1. 我有背景颜色。
2. 使用contrast我获得了标题的颜色。
3. 现在我想要一个基于背景颜色和标题颜色的字幕颜色。

所以最后我可以解决类似的问题：

@background-color: dark blue:
@title-color: contrast(@background-color); //white;
@subtitle-color: darken(white, 20%); //Some grey

但是：

@background-color: light blue:
@title-color: contrast(@background-color); //black;
@subtitle-color: lighten(@title-color, 20%); //Some grey

我的文件看起来像：

@primary-color:#8fc3f7;
body { 
    background: @primary-color; 
    padding: 30px; 
    font: bold 133% "arial", sans-serif;
}
.primary{
    color: contrast(@primary-color);    
}
.secondary{
    color: lighten(contrast(@primary-color), 20%);    
    /*Or...
    color: darken(contrast(@primary-color), 40%);  */  
}

我的html文件

<div>
    <span class="primary">Primary</span><br>
    <span class="secondary">Secondary</span>
<div>  

http://jsfiddle.net/3ytfzxts/

我不知道如何根据之前的两个结果获得二次色。