#373C68

#373C68

#686337

#686337

对比度

1.71:1

Delta E

56.38

Very Different

50:50 混合

#554F51

颜色值

格式 #373C68 #686337
HEX #373C68 #686337
RGB 55, 60, 104 104, 99, 55
HSL 233.9, 30.8%, 31.2% 53.9, 30.8%, 31.2%
HSV 233.9, 47.1%, 40.8% 53.9, 47.1%, 40.8%
CMYK 47.1%, 42.3%, 0.0%, 59.2% 0.0%, 4.8%, 47.1%, 59.2%
OKLCH 0.3735 0.0753 277.2 0.4935 0.0633 102.7

对比度与无障碍

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #686337 → 背景色: #373C68

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

文本: #373C68 → 背景色: #686337

色差 (Delta E)

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

渐变

#373C68 #434261 #4D4859 #554F51 #5C5549 #625C40 #686337

颜色混合

#373C68

100%

#48455D

75:25

#554F51

50:50

#5F5945

25:75

#686337

100%

CSS渐变代码

background: linear-gradient(to right, #373C68, #686337);
background: linear-gradient(135deg, #373C68, #686337);

探索每种颜色

#373C68

查看完整颜色详情

#686337

查看完整颜色详情

相关比较