#2CCF2E
#2CCF2E
#CF2CCD
#CF2CCD
颜色值
| 格式 | #2CCF2E | #CF2CCD |
|---|---|---|
| HEX | #2CCF2E | #CF2CCD |
| RGB | 44, 207, 46 | 207, 44, 205 |
| HSL | 120.7, 64.9%, 49.2% | 300.7, 64.9%, 49.2% |
| HSV | 120.7, 78.7%, 81.2% | 300.7, 78.7%, 81.2% |
| CMYK | 78.7%, 0.0%, 77.8%, 18.8% | 0.0%, 78.7%, 1.0%, 18.8% |
| OKLCH | 0.7458 0.2341 142.9 | 0.6135 0.254 328.7 |
对比度与无障碍
2.06:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #CF2CCD → 背景色: #2CCF2E
敏捷的棕色狐狸跳过了懒狗
文本: #2CCF2E → 背景色: #CF2CCD
色差 (Delta E)
184.73
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #2CCF2E, #CF2CCD);
background: linear-gradient(135deg, #2CCF2E, #CF2CCD);