#9DBFB3
#9DBFB3
#BF9DA9
#BF9DA9
颜色值
| 格式 | #9DBFB3 | #BF9DA9 |
|---|---|---|
| HEX | #9DBFB3 | #BF9DA9 |
| RGB | 157, 191, 179 | 191, 157, 169 |
| HSL | 158.8, 21.0%, 68.2% | 338.8, 21.0%, 68.2% |
| HSV | 158.8, 17.8%, 74.9% | 338.8, 17.8%, 74.9% |
| CMYK | 17.8%, 0.0%, 6.3%, 25.1% | 0.0%, 17.8%, 11.5%, 25.1% |
| OKLCH | 0.7761 0.0404 171.8 | 0.7302 0.0433 355.0 |
对比度与无障碍
1.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #BF9DA9 → 背景色: #9DBFB3
敏捷的棕色狐狸跳过了懒狗
文本: #9DBFB3 → 背景色: #BF9DA9
色差 (Delta E)
29.38
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #9DBFB3, #BF9DA9);
background: linear-gradient(135deg, #9DBFB3, #BF9DA9);