#513DAC

#513DAC

#98AC3D

#98AC3D

对比度

3.18:1

Delta E

129.55

Very Different

50:50 混合

颜色值

格式 #513DAC #98AC3D
HEX #513DAC #98AC3D
RGB 81, 61, 172 152, 172, 61
HSL 250.8, 47.6%, 45.7% 70.8, 47.6%, 45.7%
HSV 250.8, 64.5%, 67.5% 70.8, 64.5%, 67.5%
CMYK 52.9%, 64.5%, 0.0%, 32.5% 11.6%, 0.0%, 64.5%, 32.5%
OKLCH 0.4483 0.169 285.6 0.707 0.1372 118.8

对比度与无障碍

3.18:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #98AC3D → 背景色: #513DAC

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

文本: #513DAC → 背景色: #98AC3D

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #513DAC, #98AC3D);
background: linear-gradient(135deg, #513DAC, #98AC3D);

探索每种颜色

相关比较