#3C33A6

#3C33A6

#9DA633

#9DA633

对比度

3.58:1

Delta E

134.21

Very Different

50:50 混合

#816B75

颜色值

格式 #3C33A6 #9DA633
HEX #3C33A6 #9DA633
RGB 60, 51, 166 157, 166, 51
HSL 244.7, 53.0%, 42.5% 64.7, 53.0%, 42.5%
HSV 244.7, 69.3%, 65.1% 64.7, 69.3%, 65.1%
CMYK 63.9%, 69.3%, 0.0%, 34.9% 5.4%, 0.0%, 69.3%, 34.9%
OKLCH 0.4097 0.1767 278.7 0.6964 0.1359 113.8

对比度与无障碍

3.58:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA633 → 背景色: #3C33A6

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

文本: #3C33A6 → 背景色: #9DA633

色差 (Delta E)

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

渐变

#3C33A6 #5D4596 #715886 #816B75 #8C7E63 #96924E #9DA633

颜色混合

#3C33A6

100%

#684F8E

75:25

#816B75

50:50

#918859

25:75

#9DA633

100%

CSS渐变代码

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

探索每种颜色

#3C33A6

查看完整颜色详情

#9DA633

查看完整颜色详情

相关比较