#164B97

#164B97

#976216

#976216

对比度

1.64:1

Delta E

95.39

Very Different

50:50 混合

#74555C

颜色值

格式 #164B97 #976216
HEX #164B97 #976216
RGB 22, 75, 151 151, 98, 22
HSL 215.3, 74.6%, 33.9% 35.3, 74.6%, 33.9%
HSV 215.3, 85.4%, 59.2% 35.3, 85.4%, 59.2%
CMYK 85.4%, 50.3%, 0.0%, 40.8% 0.0%, 35.1%, 85.4%, 40.8%
OKLCH 0.4245 0.1364 258.4 0.5413 0.1091 69.8

对比度与无障碍

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #976216 → 背景色: #164B97

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

文本: #164B97 → 背景色: #976216

色差 (Delta E)

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

渐变

#164B97 #4A4E83 #625170 #74555C #815948 #8D5D32 #976216

颜色混合

#164B97

100%

#574F7A

75:25

#74555C

50:50

#875B3D

25:75

#976216

100%

CSS渐变代码

background: linear-gradient(to right, #164B97, #976216);
background: linear-gradient(135deg, #164B97, #976216);

探索每种颜色

#164B97

查看完整颜色详情

#976216

查看完整颜色详情

相关比较