#376B66

#376B66

#6B373C

#6B373C

对比度

1.55:1

Delta E

45.07

Very Different

50:50 混合

#5A5350

颜色值

格式 #376B66 #6B373C
HEX #376B66 #6B373C
RGB 55, 107, 102 107, 55, 60
HSL 174.2, 32.1%, 31.8% 354.2, 32.1%, 31.8%
HSV 174.2, 48.6%, 42.0% 354.2, 48.6%, 42.0%
CMYK 48.6%, 0.0%, 4.7%, 58.0% 0.0%, 48.6%, 43.9%, 58.0%
OKLCH 0.4902 0.0566 187.4 0.4046 0.0739 14.8

对比度与无障碍

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #6B373C → 背景色: #376B66

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

文本: #376B66 → 背景色: #6B373C

色差 (Delta E)

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

渐变

#376B66 #46635F #515B58 #5A5350 #614A4A #664143 #6B373C

颜色混合

#376B66

100%

#4C5F5B

75:25

#5A5350

50:50

#644646

25:75

#6B373C

100%

CSS渐变代码

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

探索每种颜色

#376B66

查看完整颜色详情

#6B373C

查看完整颜色详情

相关比较