#3F2EAE

#3F2EAE

#9DAE2E

#9DAE2E

对比度

3.85:1

Delta E

146.92

Very Different

50:50 混合

#846D79

颜色值

格式 #3F2EAE #9DAE2E
HEX #3F2EAE #9DAE2E
RGB 63, 46, 174 157, 174, 46
HSL 248.0, 58.2%, 43.1% 68.0, 58.2%, 43.1%
HSV 248.0, 73.6%, 68.2% 68.0, 73.6%, 68.2%
CMYK 63.8%, 73.6%, 0.0%, 31.8% 9.8%, 0.0%, 73.6%, 31.8%
OKLCH 0.4124 0.1916 279.9 0.7144 0.1482 117.0

对比度与无障碍

3.85:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DAE2E → 背景色: #3F2EAE

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

文本: #3F2EAE → 背景色: #9DAE2E

色差 (Delta E)

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

渐变

#3F2EAE #61439D #76588B #846D79 #8F8365 #98984E #9DAE2E

颜色混合

#3F2EAE

100%

#6C4E94

75:25

#846D79

50:50

#948D5A

25:75

#9DAE2E

100%

CSS渐变代码

background: linear-gradient(to right, #3F2EAE, #9DAE2E);
background: linear-gradient(135deg, #3F2EAE, #9DAE2E);

探索每种颜色

#3F2EAE

查看完整颜色详情

#9DAE2E

查看完整颜色详情

相关比较