#4A3FBA

#4A3FBA

#AFBA3F

#AFBA3F

对比度

3.66:1

Delta E

141.03

Very Different

50:50 混合

#917B85

颜色值

格式 #4A3FBA #AFBA3F
HEX #4A3FBA #AFBA3F
RGB 74, 63, 186 175, 186, 63
HSL 245.4, 49.4%, 48.8% 65.4, 49.4%, 48.8%
HSV 245.4, 66.1%, 72.9% 65.4, 66.1%, 72.9%
CMYK 60.2%, 66.1%, 0.0%, 27.1% 5.9%, 0.0%, 66.1%, 27.1%
OKLCH 0.4576 0.1856 280.2 0.7572 0.1448 114.3

对比度与无障碍

3.66:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AFBA3F → 背景色: #4A3FBA

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

文本: #4A3FBA → 背景色: #AFBA3F

色差 (Delta E)

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

渐变

#4A3FBA #6B53A9 #816797 #917B85 #9D9072 #A7A55B #AFBA3F

颜色混合

#4A3FBA

100%

#775CA0

75:25

#917B85

50:50

#A39A67

25:75

#AFBA3F

100%

CSS渐变代码

background: linear-gradient(to right, #4A3FBA, #AFBA3F);
background: linear-gradient(135deg, #4A3FBA, #AFBA3F);

探索每种颜色

#4A3FBA

查看完整颜色详情

#AFBA3F

查看完整颜色详情

相关比较