#372DA7

#372DA7

#9DA72D

#9DA72D

对比度

3.82:1

Delta E

141.3

Very Different

50:50 混合

#816974

颜色值

格式 #372DA7 #9DA72D
HEX #372DA7 #9DA72D
RGB 55, 45, 167 157, 167, 45
HSL 244.9, 57.5%, 41.6% 64.9, 57.5%, 41.6%
HSV 244.9, 73.1%, 65.5% 64.9, 73.1%, 65.5%
CMYK 67.1%, 73.1%, 0.0%, 34.5% 6.0%, 0.0%, 73.1%, 34.5%
OKLCH 0.3979 0.1857 277.4 0.6982 0.1409 114.2

对比度与无障碍

3.82:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA72D → 背景色: #372DA7

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

文本: #372DA7 → 背景色: #9DA72D

色差 (Delta E)

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

渐变

#372DA7 #5B4197 #715586 #816974 #8D7D61 #96924B #9DA72D

颜色混合

#372DA7

100%

#674B8E

75:25

#816974

50:50

#928857

25:75

#9DA72D

100%

CSS渐变代码

background: linear-gradient(to right, #372DA7, #9DA72D);
background: linear-gradient(135deg, #372DA7, #9DA72D);

探索每种颜色

#372DA7

查看完整颜色详情

#9DA72D

查看完整颜色详情

相关比较