#393D51
#393D51
#514D39
#514D39
颜色值
| 格式 | #393D51 | #514D39 |
|---|---|---|
| HEX | #393D51 | #514D39 |
| RGB | 57, 61, 81 | 81, 77, 57 |
| HSL | 230.0, 17.4%, 27.1% | 50.0, 17.4%, 27.1% |
| HSV | 230.0, 29.6%, 31.8% | 50.0, 29.6%, 31.8% |
| CMYK | 29.6%, 24.7%, 0.0%, 68.2% | 0.0%, 4.9%, 29.6%, 68.2% |
| OKLCH | 0.3648 0.035 275.7 | 0.4182 0.0319 98.1 |
对比度与无障碍
1.26:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #514D39 → 背景色: #393D51
敏捷的棕色狐狸跳过了懒狗
文本: #393D51 → 背景色: #514D39
色差 (Delta E)
26.54
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #393D51, #514D39);
background: linear-gradient(135deg, #393D51, #514D39);