#3C34A5

#3C34A5

#9DA534

#9DA534

对比度

3.53:1

Delta E

132.19

Very Different

50:50 混合

#806B75

颜色值

格式 #3C34A5 #9DA534
HEX #3C34A5 #9DA534
RGB 60, 52, 165 157, 165, 52
HSL 244.2, 52.1%, 42.5% 64.2, 52.1%, 42.5%
HSV 244.2, 68.5%, 64.7% 64.2, 68.5%, 64.7%
CMYK 63.6%, 68.5%, 0.0%, 35.3% 4.8%, 0.0%, 68.5%, 35.3%
OKLCH 0.4104 0.1742 278.6 0.6942 0.1341 113.3

对比度与无障碍

3.53:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA534 → 背景色: #3C34A5

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

文本: #3C34A5 → 背景色: #9DA534

色差 (Delta E)

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

渐变

#3C34A5 #5C4695 #715886 #806B75 #8C7E63 #96914F #9DA534

颜色混合

#3C34A5

100%

#674F8E

75:25

#806B75

50:50

#918859

25:75

#9DA534

100%

CSS渐变代码

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

探索每种颜色

#3C34A5

查看完整颜色详情

#9DA534

查看完整颜色详情

相关比较