#322AA5

#322AA5

#9DA52A

#9DA52A

对比度

3.9:1

Delta E

142.35

Very Different

50:50 混合

#7F6672

颜色值

格式 #322AA5 #9DA52A
HEX #322AA5 #9DA52A
RGB 50, 42, 165 157, 165, 42
HSL 243.9, 59.4%, 40.6% 63.9, 59.4%, 40.6%
HSV 243.9, 74.5%, 64.7% 63.9, 74.5%, 64.7%
CMYK 69.7%, 74.5%, 0.0%, 35.3% 4.8%, 0.0%, 74.5%, 35.3%
OKLCH 0.3879 0.1874 276.0 0.6935 0.1405 113.3

对比度与无障碍

3.9:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA52A → 背景色: #322AA5

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

文本: #322AA5 → 背景色: #9DA52A

色差 (Delta E)

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

渐变

#322AA5 #583E95 #6F5284 #7F6672 #8C7B5F #969049 #9DA52A

颜色混合

#322AA5

100%

#65488C

75:25

#7F6672

50:50

#918555

25:75

#9DA52A

100%

CSS渐变代码

background: linear-gradient(to right, #322AA5, #9DA52A);
background: linear-gradient(135deg, #322AA5, #9DA52A);

探索每种颜色

#322AA5

查看完整颜色详情

#9DA52A

查看完整颜色详情

相关比较