#378580

#378580

#85373C

#85373C

对比度

1.85:1

Delta E

63.98

Very Different

50:50 混合

#6F625D

颜色值

格式 #378580 #85373C
HEX #378580 #85373C
RGB 55, 133, 128 133, 55, 60
HSL 176.2, 41.5%, 36.9% 356.2, 41.5%, 36.9%
HSV 176.2, 58.6%, 52.2% 356.2, 58.6%, 52.2%
CMYK 58.6%, 0.0%, 3.8%, 47.8% 0.0%, 58.6%, 54.9%, 47.8%
OKLCH 0.5671 0.0765 189.5 0.4448 0.1074 18.7

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #85373C → 背景色: #378580

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

文本: #378580 → 背景色: #85373C

色差 (Delta E)

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

渐变

#378580 #527A74 #636E68 #6F625D #785552 #7F4747 #85373C

颜色混合

#378580

100%

#5B746E

75:25

#6F625D

50:50

#7C4E4C

25:75

#85373C

100%

CSS渐变代码

background: linear-gradient(to right, #378580, #85373C);
background: linear-gradient(135deg, #378580, #85373C);

探索每种颜色

#378580

查看完整颜色详情

#85373C

查看完整颜色详情

相关比较