#51B02A
#51B02A
#892AB0
#892AB0
颜色值
| 格式 | #51B02A | #892AB0 |
|---|---|---|
| HEX | #51B02A | #892AB0 |
| RGB | 81, 176, 42 | 137, 42, 176 |
| HSL | 102.5, 61.5%, 42.7% | 282.5, 61.5%, 42.7% |
| HSV | 102.5, 76.1%, 69.0% | 282.5, 76.1%, 69.0% |
| CMYK | 54.0%, 0.0%, 76.1%, 31.0% | 22.2%, 76.1%, 0.0%, 31.0% |
| OKLCH | 0.6738 0.1893 138.5 | 0.4924 0.2051 313.8 |
对比度与无障碍
2.51:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
文本可读性
敏捷的棕色狐狸跳过了懒狗
文本: #892AB0 → 背景色: #51B02A
敏捷的棕色狐狸跳过了懒狗
文本: #51B02A → 背景色: #892AB0
色差 (Delta E)
157.15
Very Different
0 — 完全相同
5 — 相似
25 — 明显差异
100 — 差异很大
渐变
颜色混合
CSS渐变代码
background: linear-gradient(to right, #51B02A, #892AB0);
background: linear-gradient(135deg, #51B02A, #892AB0);