#325385

#325385

#856432

#856432

对比度

1.43:1

Delta E

65.43

Very Different

50:50 混合

#685B5D

颜色值

格式 #325385 #856432
HEX #325385 #856432
RGB 50, 83, 133 133, 100, 50
HSL 216.1, 45.4%, 35.9% 36.1, 45.4%, 35.9%
HSV 216.1, 62.4%, 52.2% 36.1, 62.4%, 52.2%
CMYK 62.4%, 37.6%, 0.0%, 47.8% 0.0%, 24.8%, 62.4%, 47.8%
OKLCH 0.4419 0.0915 258.5 0.5261 0.0794 75.9

对比度与无障碍

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856432 → 背景色: #325385

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

文本: #325385 → 背景色: #856432

色差 (Delta E)

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

渐变

#325385 #4B5578 #5B586A #685B5D #735E4F #7D6141 #856432

颜色混合

#325385

100%

#545771

75:25

#685B5D

50:50

#785F48

25:75

#856432

100%

CSS渐变代码

background: linear-gradient(to right, #325385, #856432);
background: linear-gradient(135deg, #325385, #856432);

探索每种颜色

#325385

查看完整颜色详情

#856432

查看完整颜色详情

相关比较