#3732A2

#3732A2

#9DA232

#9DA232

对比度

3.57:1

Delta E

131.37

Very Different

50:50 混合

#7E6873

颜色值

格式 #3732A2 #9DA232
HEX #3732A2 #9DA232
RGB 55, 50, 162 157, 162, 50
HSL 242.7, 52.8%, 41.6% 62.7, 52.8%, 41.6%
HSV 242.7, 69.1%, 63.5% 62.7, 69.1%, 63.5%
CMYK 66.0%, 69.1%, 0.0%, 36.5% 3.1%, 0.0%, 69.1%, 36.5%
OKLCH 0.4006 0.1738 277.1 0.6872 0.1321 111.9

对比度与无障碍

3.57:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA232 → 背景色: #3732A2

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

文本: #3732A2 → 背景色: #9DA232

色差 (Delta E)

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

渐变

#3732A2 #594493 #6E5683 #7E6873 #8B7B61 #958E4D #9DA232

颜色混合

#3732A2

100%

#654D8B

75:25

#7E6873

50:50

#908557

25:75

#9DA232

100%

CSS渐变代码

background: linear-gradient(to right, #3732A2, #9DA232);
background: linear-gradient(135deg, #3732A2, #9DA232);

探索每种颜色

#3732A2

查看完整颜色详情

#9DA232

查看完整颜色详情

相关比较