#3C5569

#3C5569

#69503C

#69503C

对比度

1.04:1

Delta E

32.32

Very Different

50:50 混合

#575353

颜色值

格式 #3C5569 #69503C
HEX #3C5569 #69503C
RGB 60, 85, 105 105, 80, 60
HSL 206.7, 27.3%, 32.4% 26.7, 27.3%, 32.4%
HSV 206.7, 42.9%, 41.2% 26.7, 42.9%, 41.2%
CMYK 42.9%, 19.0%, 0.0%, 58.8% 0.0%, 23.8%, 42.9%, 58.8%
OKLCH 0.4377 0.0449 243.1 0.4521 0.0456 59.9

对比度与无障碍

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #69503C → 背景色: #3C5569

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

文本: #3C5569 → 背景色: #69503C

色差 (Delta E)

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

渐变

#3C5569 #475462 #50535A #575353 #5E524B #645144 #69503C

颜色混合

#3C5569

100%

#4B545E

75:25

#575353

50:50

#615147

25:75

#69503C

100%

CSS渐变代码

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

探索每种颜色

#3C5569

查看完整颜色详情

#69503C

查看完整颜色详情

相关比较