#CADCD3
#CADCD3
#DCCAD3
#DCCAD3
颜色值
| 格式 | #CADCD3 | #DCCAD3 |
|---|---|---|
| HEX | #CADCD3 | #DCCAD3 |
| RGB | 202, 220, 211 | 220, 202, 211 |
| HSL | 150.0, 20.5%, 82.7% | 330.0, 20.5%, 82.7% |
| HSV | 150.0, 8.2%, 86.3% | 330.0, 8.2%, 86.3% |
| CMYK | 8.2%, 0.0%, 4.1%, 13.7% | 0.0%, 8.2%, 4.1%, 13.7% |
| OKLCH | 0.8784 0.0228 164.4 | 0.8564 0.0234 345.8 |
对比度与无障碍
1.09:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #DCCAD3 → 背景色: #CADCD3
敏捷的棕色狐狸跳过了懒狗
文本: #CADCD3 → 背景色: #DCCAD3
色差 (Delta E)
16.5
Noticeable
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #CADCD3, #DCCAD3);
background: linear-gradient(135deg, #CADCD3, #DCCAD3);