#9DEDE2
#9DEDE2
#ED9DA8
#ED9DA8
颜色值
| 格式 | #9DEDE2 | #ED9DA8 |
|---|---|---|
| HEX | #9DEDE2 | #ED9DA8 |
| RGB | 157, 237, 226 | 237, 157, 168 |
| HSL | 171.8, 69.0%, 77.3% | 351.8, 69.0%, 77.3% |
| HSV | 171.8, 33.8%, 92.9% | 351.8, 33.8%, 92.9% |
| CMYK | 33.8%, 0.0%, 4.6%, 7.1% | 0.0%, 33.8%, 29.1%, 7.1% |
| OKLCH | 0.8914 0.08 185.0 | 0.778 0.0964 10.5 |
对比度与无障碍
1.57:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #ED9DA8 → 背景色: #9DEDE2
敏捷的棕色狐狸跳过了懒狗
文本: #9DEDE2 → 背景色: #ED9DA8
色差 (Delta E)
60.78
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #9DEDE2, #ED9DA8);
background: linear-gradient(135deg, #9DEDE2, #ED9DA8);