#2DBD2A

#2DBD2A

#BA2ABD

#BA2ABD

对比度

2.03:1

Delta E

171.87

Very Different

50:50 混合

颜色值

格式 #2DBD2A #BA2ABD
HEX #2DBD2A #BA2ABD
RGB 45, 189, 42 186, 42, 189
HSL 118.8, 63.6%, 45.3% 298.8, 63.6%, 45.3%
HSV 118.8, 77.8%, 74.1% 298.8, 77.8%, 74.1%
CMYK 76.2%, 0.0%, 77.8%, 25.9% 1.6%, 77.8%, 0.0%, 25.9%
OKLCH 0.6979 0.217 142.6 0.5715 0.235 327.2

对比度与无障碍

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #BA2ABD → 背景色: #2DBD2A

敏捷的棕色狐狸跳过了懒狗

文本: #2DBD2A → 背景色: #BA2ABD

色差 (Delta E)

171.87 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #2DBD2A, #BA2ABD);
background: linear-gradient(135deg, #2DBD2A, #BA2ABD);

探索每种颜色

相关比较