#376F6A

#376F6A

#6F373C

#6F373C

对比度

1.59:1

Delta E

48.09

Very Different

50:50 混合

#5D5552

颜色值

格式 #376F6A #6F373C
HEX #376F6A #6F373C
RGB 55, 111, 106 111, 55, 60
HSL 174.6, 33.7%, 32.5% 354.6, 33.7%, 32.5%
HSV 174.6, 50.5%, 43.5% 354.6, 50.5%, 43.5%
CMYK 50.5%, 0.0%, 4.5%, 56.5% 0.0%, 50.5%, 45.9%, 56.5%
OKLCH 0.5021 0.0599 187.8 0.4105 0.0792 15.6

对比度与无障碍

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #6F373C → 背景色: #376F6A

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

文本: #376F6A → 背景色: #6F373C

色差 (Delta E)

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

渐变

#376F6A #486762 #545E5A #5D5552 #644C4B #6A4243 #6F373C

颜色混合

#376F6A

100%

#4E625E

75:25

#5D5552

50:50

#674747

25:75

#6F373C

100%

CSS渐变代码

background: linear-gradient(to right, #376F6A, #6F373C);
background: linear-gradient(135deg, #376F6A, #6F373C);

探索每种颜色

#376F6A

查看完整颜色详情

#6F373C

查看完整颜色详情

相关比较