#3F1083

#3F1083

#548310

#548310

对比度

2.87:1

Delta E

134.68

Very Different

50:50 混合

#5B4F55

颜色值

格式 #3F1083 #548310
HEX #3F1083 #548310
RGB 63, 16, 131 84, 131, 16
HSL 264.5, 78.2%, 28.8% 84.5, 78.2%, 28.8%
HSV 264.5, 87.8%, 51.4% 84.5, 87.8%, 51.4%
CMYK 51.9%, 87.8%, 0.0%, 48.6% 35.9%, 0.0%, 87.8%, 48.6%
OKLCH 0.3345 0.1693 292.9 0.5551 0.1451 130.8

对比度与无障碍

2.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #548310 → 背景色: #3F1083

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

文本: #3F1083 → 背景色: #548310

色差 (Delta E)

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

渐变

#3F1083 #4E2974 #573D65 #5B4F55 #5D6044 #5A7230 #548310

颜色混合

#3F1083

100%

#53336D

75:25

#5B4F55

50:50

#5C693B

25:75

#548310

100%

CSS渐变代码

background: linear-gradient(to right, #3F1083, #548310);
background: linear-gradient(135deg, #3F1083, #548310);

探索每种颜色

#3F1083

查看完整颜色详情

#548310

查看完整颜色详情

相关比较