#3431A0

#3431A0

#9DA031

#9DA031

对比度

3.59:1

Delta E

130.5

Very Different

50:50 混合

#7D6771

颜色值

格式 #3431A0 #9DA031
HEX #3431A0 #9DA031
RGB 52, 49, 160 157, 160, 49
HSL 241.6, 53.1%, 41.0% 61.6, 53.1%, 41.0%
HSV 241.6, 69.4%, 62.7% 61.6, 69.4%, 62.7%
CMYK 67.5%, 69.4%, 0.0%, 37.3% 1.9%, 0.0%, 69.4%, 37.3%
OKLCH 0.395 0.173 276.2 0.6826 0.1307 110.9

对比度与无障碍

3.59:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA031 → 背景色: #3431A0

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

文本: #3431A0 → 背景色: #9DA031

色差 (Delta E)

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

渐变

#3431A0 #574291 #6D5481 #7D6771 #8A7960 #958D4B #9DA031

颜色混合

#3431A0

100%

#634B89

75:25

#7D6771

50:50

#908356

25:75

#9DA031

100%

CSS渐变代码

background: linear-gradient(to right, #3431A0, #9DA031);
background: linear-gradient(135deg, #3431A0, #9DA031);

探索每种颜色

#3431A0

查看完整颜色详情

#9DA031

查看完整颜色详情

相关比较