#533FAC

#533FAC

#98AC3F

#98AC3F

对比度

3.11:1

Delta E

127.37

Very Different

50:50 混合

#85757C

颜色值

格式 #533FAC #98AC3F
HEX #533FAC #98AC3F
RGB 83, 63, 172 152, 172, 63
HSL 251.0, 46.4%, 46.1% 71.0, 46.4%, 46.1%
HSV 251.0, 63.4%, 67.5% 71.0, 63.4%, 67.5%
CMYK 51.7%, 63.4%, 0.0%, 32.5% 11.6%, 0.0%, 63.4%, 32.5%
OKLCH 0.4533 0.1662 286.1 0.7072 0.1357 118.9

对比度与无障碍

3.11:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #98AC3F → 背景色: #533FAC

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

文本: #533FAC → 背景色: #98AC3F

色差 (Delta E)

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

渐变

#533FAC #69519D #79638D #85757C #8D876B #949957 #98AC3F

颜色混合

#533FAC

100%

#725A95

75:25

#85757C

50:50

#919061

25:75

#98AC3F

100%

CSS渐变代码

background: linear-gradient(to right, #533FAC, #98AC3F);
background: linear-gradient(135deg, #533FAC, #98AC3F);

探索每种颜色

#533FAC

查看完整颜色详情

#98AC3F

查看完整颜色详情

相关比较