#2F2CF7
#2F2CF7
#F4F72C
#F4F72C
颜色值
| 格式 | #2F2CF7 | #F4F72C |
|---|---|---|
| HEX | #2F2CF7 | #F4F72C |
| RGB | 47, 44, 247 | 244, 247, 44 |
| HSL | 240.9, 92.7%, 57.1% | 60.9, 92.7%, 57.1% |
| HSV | 240.9, 82.2%, 96.9% | 60.9, 82.2%, 96.9% |
| CMYK | 81.0%, 82.2%, 0.0%, 3.1% | 1.2%, 0.0%, 82.2%, 3.1% |
| OKLCH | 0.4793 0.2802 269.6 | 0.9433 0.1982 110.6 |
对比度与无障碍
6.44:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #F4F72C → 背景色: #2F2CF7
敏捷的棕色狐狸跳过了懒狗
文本: #2F2CF7 → 背景色: #F4F72C
色差 (Delta E)
211.4
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #2F2CF7, #F4F72C);
background: linear-gradient(135deg, #2F2CF7, #F4F72C);