#378C87

#378C87

#8C373C

#8C373C

对比度

1.93:1

Delta E

68.8

Very Different

50:50 混合

#756660

颜色值

格式 #378C87 #8C373C
HEX #378C87 #8C373C
RGB 55, 140, 135 140, 55, 60
HSL 176.5, 43.6%, 38.2% 356.5, 43.6%, 38.2%
HSV 176.5, 60.7%, 54.9% 356.5, 60.7%, 54.9%
CMYK 60.7%, 0.0%, 3.6%, 45.1% 0.0%, 60.7%, 57.1%, 45.1%
OKLCH 0.5875 0.0814 189.8 0.4561 0.1159 19.4

对比度与无障碍

1.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #8C373C → 背景色: #378C87

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

文本: #378C87 → 背景色: #8C373C

色差 (Delta E)

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

渐变

#378C87 #55807A #68736D #756660 #7F5854 #864848 #8C373C

颜色混合

#378C87

100%

#5F7973

75:25

#756660

50:50

#83504E

25:75

#8C373C

100%

CSS渐变代码

background: linear-gradient(to right, #378C87, #8C373C);
background: linear-gradient(135deg, #378C87, #8C373C);

探索每种颜色

#378C87

查看完整颜色详情

#8C373C

查看完整颜色详情

相关比较