#345083

#345083

#836734

#836734

对比度

1.51:1

Delta E

65.43

Very Different

50:50 混合

#675B5D

颜色值

格式 #345083 #836734
HEX #345083 #836734
RGB 52, 80, 131 131, 103, 52
HSL 218.7, 43.2%, 35.9% 38.7, 43.2%, 35.9%
HSV 218.7, 60.3%, 51.4% 38.7, 60.3%, 51.4%
CMYK 60.3%, 38.9%, 0.0%, 48.6% 0.0%, 21.4%, 60.3%, 48.6%
OKLCH 0.4347 0.0913 261.6 0.5305 0.0774 80.8

对比度与无障碍

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #836734 → 背景色: #345083

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

文本: #345083 → 背景色: #836734

色差 (Delta E)

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

渐变

#345083 #4B5376 #5A576A #675B5D #725F50 #7B6343 #836734

颜色混合

#345083

100%

#535570

75:25

#675B5D

50:50

#76614A

25:75

#836734

100%

CSS渐变代码

background: linear-gradient(to right, #345083, #836734);
background: linear-gradient(135deg, #345083, #836734);

探索每种颜色

#345083

查看完整颜色详情

#836734

查看完整颜色详情

相关比较