#378782

#378782

#87373C

#87373C

对比度

1.87:1

Delta E

65.36

Very Different

50:50 混合

#71635E

颜色值

格式 #378782 #87373C
HEX #378782 #87373C
RGB 55, 135, 130 135, 55, 60
HSL 176.2, 42.1%, 37.3% 356.2, 42.1%, 37.3%
HSV 176.2, 59.3%, 52.9% 356.2, 59.3%, 52.9%
CMYK 59.3%, 0.0%, 3.7%, 47.1% 0.0%, 59.3%, 55.6%, 47.1%
OKLCH 0.5729 0.0779 189.6 0.448 0.1098 18.9

对比度与无障碍

1.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #87373C → 背景色: #378782

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

文本: #378782 → 背景色: #87373C

色差 (Delta E)

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

渐变

#378782 #537B76 #646F6A #71635E #7A5652 #814747 #87373C

颜色混合

#378782

100%

#5C7570

75:25

#71635E

50:50

#7E4F4D

25:75

#87373C

100%

CSS渐变代码

background: linear-gradient(to right, #378782, #87373C);
background: linear-gradient(135deg, #378782, #87373C);

探索每种颜色

#378782

查看完整颜色详情

#87373C

查看完整颜色详情

相关比较