#373C67

#373C67

#676237

#676237

对比度

1.69:1

Delta E

55.19

Very Different

50:50 混合

#544E50

颜色值

格式 #373C67 #676237
HEX #373C67 #676237
RGB 55, 60, 103 103, 98, 55
HSL 233.8, 30.4%, 31.0% 53.8, 30.4%, 31.0%
HSV 233.8, 46.6%, 40.4% 53.8, 46.6%, 40.4%
CMYK 46.6%, 41.7%, 0.0%, 59.6% 0.0%, 4.9%, 46.6%, 59.6%
OKLCH 0.3729 0.0737 277.2 0.4901 0.0621 102.6

对比度与无障碍

1.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #676237 → 背景色: #373C67

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

文本: #373C67 → 背景色: #676237

色差 (Delta E)

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

渐变

#373C67 #434260 #4C4858 #544E50 #5B5549 #615B40 #676237

颜色混合

#373C67

100%

#48455C

75:25

#544E50

50:50

#5E5844

25:75

#676237

100%

CSS渐变代码

background: linear-gradient(to right, #373C67, #676237);
background: linear-gradient(135deg, #373C67, #676237);

探索每种颜色

#373C67

查看完整颜色详情

#676237

查看完整颜色详情

相关比较