#3F35A7

#3F35A7

#9DA735

#9DA735

对比度

3.52:1

Delta E

133.08

Very Different

50:50 混合

#816D76

颜色值

格式 #3F35A7 #9DA735
HEX #3F35A7 #9DA735
RGB 63, 53, 167 157, 167, 53
HSL 245.3, 51.8%, 43.1% 65.3, 51.8%, 43.1%
HSV 245.3, 68.3%, 65.5% 65.3, 68.3%, 65.5%
CMYK 62.3%, 68.3%, 0.0%, 34.5% 6.0%, 0.0%, 68.3%, 34.5%
OKLCH 0.4161 0.1751 279.5 0.6988 0.1356 114.2

对比度与无障碍

3.52:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA735 → 背景色: #3F35A7

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

文本: #3F35A7 → 背景色: #9DA735

色差 (Delta E)

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

渐变

#3F35A7 #5E4797 #725A87 #816D76 #8D8064 #969350 #9DA735

颜色混合

#3F35A7

100%

#69508F

75:25

#816D76

50:50

#92895A

25:75

#9DA735

100%

CSS渐变代码

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

探索每种颜色

#3F35A7

查看完整颜色详情

#9DA735

查看完整颜色详情

相关比较