#3835A0

#3835A0

#9DA035

#9DA035

对比度

3.44:1

Delta E

126.22

Very Different

50:50 混合

#7E6972

颜色值

格式 #3835A0 #9DA035
HEX #3835A0 #9DA035
RGB 56, 53, 160 157, 160, 53
HSL 241.7, 50.2%, 41.8% 61.7, 50.2%, 41.8%
HSV 241.7, 66.9%, 62.7% 61.7, 66.9%, 62.7%
CMYK 65.0%, 66.9%, 0.0%, 37.3% 1.9%, 0.0%, 66.9%, 37.3%
OKLCH 0.4044 0.1674 277.1 0.6829 0.1278 110.9

对比度与无障碍

3.44:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA035 → 背景色: #3835A0

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

文本: #3835A0 → 背景色: #9DA035

色差 (Delta E)

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

渐变

#3835A0 #594691 #6E5782 #7E6972 #8A7B61 #958D4E #9DA035

颜色混合

#3835A0

100%

#644E8A

75:25

#7E6972

50:50

#908458

25:75

#9DA035

100%

CSS渐变代码

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

探索每种颜色

#3835A0

查看完整颜色详情

#9DA035

查看完整颜色详情

相关比较