#332DA3

#332DA3

#9DA32D

#9DA32D

对比度

3.77:1

Delta E

137.51

Very Different

50:50 混合

#7F6672

颜色值

格式 #332DA3 #9DA32D
HEX #332DA3 #9DA32D
RGB 51, 45, 163 157, 163, 45
HSL 243.1, 56.7%, 40.8% 63.1, 56.7%, 40.8%
HSV 243.1, 72.4%, 63.9% 63.1, 72.4%, 63.9%
CMYK 68.7%, 72.4%, 0.0%, 36.1% 3.7%, 0.0%, 72.4%, 36.1%
OKLCH 0.391 0.1816 276.2 0.6891 0.1365 112.4

对比度与无障碍

3.77:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA32D → 背景色: #332DA3

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

文本: #332DA3 → 背景色: #9DA32D

色差 (Delta E)

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

渐变

#332DA3 #584093 #6E5383 #7F6672 #8B7A5F #958E4A #9DA32D

颜色混合

#332DA3

100%

#64498B

75:25

#7F6672

50:50

#908455

25:75

#9DA32D

100%

CSS渐变代码

background: linear-gradient(to right, #332DA3, #9DA32D);
background: linear-gradient(135deg, #332DA3, #9DA32D);

探索每种颜色

#332DA3

查看完整颜色详情

#9DA32D

查看完整颜色详情

相关比较