#C5CDC4
#C5CDC4
#CCC4CD
#CCC4CD
颜色值
| 格式 | #C5CDC4 | #CCC4CD |
|---|---|---|
| HEX | #C5CDC4 | #CCC4CD |
| RGB | 197, 205, 196 | 204, 196, 205 |
| HSL | 113.3, 8.3%, 78.6% | 293.3, 8.3%, 78.6% |
| HSV | 113.3, 4.4%, 80.4% | 293.3, 4.4%, 80.4% |
| CMYK | 3.9%, 0.0%, 4.4%, 19.6% | 0.5%, 4.4%, 0.0%, 19.6% |
| OKLCH | 0.8395 0.0151 142.2 | 0.8295 0.0152 322.4 |
对比度与无障碍
1.05:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #CCC4CD → 背景色: #C5CDC4
敏捷的棕色狐狸跳过了懒狗
文本: #C5CDC4 → 背景色: #CCC4CD
色差 (Delta E)
11.37
Noticeable
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #C5CDC4, #CCC4CD);
background: linear-gradient(135deg, #C5CDC4, #CCC4CD);