#9DA2D7
#9DA2D7
#D7D29D
#D7D29D
颜色值
| 格式 | #9DA2D7 | #D7D29D |
|---|---|---|
| HEX | #9DA2D7 | #D7D29D |
| RGB | 157, 162, 215 | 215, 210, 157 |
| HSL | 234.8, 42.0%, 72.9% | 54.8, 42.0%, 72.9% |
| HSV | 234.8, 27.0%, 84.3% | 54.8, 27.0%, 84.3% |
| CMYK | 27.0%, 24.7%, 0.0%, 15.7% | 0.0%, 2.3%, 27.0%, 15.7% |
| OKLCH | 0.7274 0.077 280.1 | 0.8548 0.0698 103.2 |
对比度与无障碍
1.58:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #D7D29D → 背景色: #9DA2D7
敏捷的棕色狐狸跳过了懒狗
文本: #9DA2D7 → 背景色: #D7D29D
色差 (Delta E)
58.95
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #9DA2D7, #D7D29D);
background: linear-gradient(135deg, #9DA2D7, #D7D29D);