#3C6478

#3C6478

#78503C

#78503C

对比度

1.09:1

Delta E

40.92

Very Different

50:50 混合

#625A5A

颜色值

格式 #3C6478 #78503C
HEX #3C6478 #78503C
RGB 60, 100, 120 120, 80, 60
HSL 200.0, 33.3%, 35.3% 20.0, 33.3%, 35.3%
HSV 200.0, 50.0%, 47.1% 20.0, 50.0%, 47.1%
CMYK 50.0%, 16.7%, 0.0%, 52.9% 0.0%, 33.3%, 50.0%, 52.9%
OKLCH 0.482 0.0554 231.2 0.4704 0.0623 47.3

对比度与无障碍

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #78503C → 背景色: #3C6478

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

文本: #3C6478 → 背景色: #78503C

色差 (Delta E)

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

渐变

#3C6478 #4C616E #585E64 #625A5A #6B5750 #725446 #78503C

颜色混合

#3C6478

100%

#535F69

75:25

#625A5A

50:50

#6E554B

25:75

#78503C

100%

CSS渐变代码

background: linear-gradient(to right, #3C6478, #78503C);
background: linear-gradient(135deg, #3C6478, #78503C);

探索每种颜色

#3C6478

查看完整颜色详情

#78503C

查看完整颜色详情

相关比较