#377B76

#377B76

#7B373C

#7B373C

对比度

1.73:1

Delta E

56.89

Very Different

50:50 混合

#675C58

颜色值

格式 #377B76 #7B373C
HEX #377B76 #7B373C
RGB 55, 123, 118 123, 55, 60
HSL 175.6, 38.2%, 34.9% 355.6, 38.2%, 34.9%
HSV 175.6, 55.3%, 48.2% 355.6, 55.3%, 48.2%
CMYK 55.3%, 0.0%, 4.1%, 51.8% 0.0%, 55.3%, 51.2%, 51.8%
OKLCH 0.5377 0.0692 188.8 0.429 0.0948 17.4

对比度与无障碍

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #7B373C → 背景色: #377B76

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

文本: #377B76 → 背景色: #7B373C

色差 (Delta E)

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

渐变

#377B76 #4D716C #5C6762 #675C58 #6F514E #764445 #7B373C

颜色混合

#377B76

100%

#556C67

75:25

#675C58

50:50

#734B4A

25:75

#7B373C

100%

CSS渐变代码

background: linear-gradient(to right, #377B76, #7B373C);
background: linear-gradient(135deg, #377B76, #7B373C);

探索每种颜色

#377B76

查看完整颜色详情

#7B373C

查看完整颜色详情

相关比较