#37544F

#37544F

#54373C

#54373C

对比度

1.28:1

Delta E

26.86

Very Different

50:50 混合

#494645

颜色值

格式 #37544F #54373C
HEX #37544F #54373C
RGB 55, 84, 79 84, 55, 60
HSL 169.7, 20.9%, 27.3% 349.7, 20.9%, 27.3%
HSV 169.7, 34.5%, 32.9% 349.7, 34.5%, 32.9%
CMYK 34.5%, 0.0%, 6.0%, 67.1% 0.0%, 34.5%, 28.6%, 67.1%
OKLCH 0.4213 0.0357 182.6 0.3723 0.0421 8.0

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #54373C → 背景色: #37544F

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

文本: #37544F → 背景色: #54373C

色差 (Delta E)

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

渐变

#37544F #3E4F4C #444B49 #494645 #4D4142 #513C3F #54373C

颜色混合

#37544F

100%

#414D4A

75:25

#494645

50:50

#4F3F41

25:75

#54373C

100%

CSS渐变代码

background: linear-gradient(to right, #37544F, #54373C);
background: linear-gradient(135deg, #37544F, #54373C);

探索每种颜色

#37544F

查看完整颜色详情

#54373C

查看完整颜色详情

相关比较