#4682AB

#4682AB

#AB6F46

#AB6F46

对比度

1.01:1

Delta E

65.63

Very Different

50:50 混合

#897979

颜色值

格式 #4682AB #AB6F46
HEX #4682AB #AB6F46
RGB 70, 130, 171 171, 111, 70
HSL 204.4, 41.9%, 47.3% 24.4, 41.9%, 47.3%
HSV 204.4, 59.1%, 67.1% 24.4, 59.1%, 67.1%
CMYK 59.1%, 24.0%, 0.0%, 32.9% 0.0%, 35.1%, 59.1%, 32.9%
OKLCH 0.5836 0.0889 240.5 0.5966 0.0948 54.2

对比度与无障碍

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB6F46 → 背景色: #4682AB

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

文本: #4682AB → 背景色: #AB6F46

色差 (Delta E)

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

渐变

#4682AB #647F9A #797C89 #897979 #967668 #A17257 #AB6F46

颜色混合

#4682AB

100%

#707D92

75:25

#897979

50:50

#9C7460

25:75

#AB6F46

100%

CSS渐变代码

background: linear-gradient(to right, #4682AB, #AB6F46);
background: linear-gradient(135deg, #4682AB, #AB6F46);

探索每种颜色

#4682AB

查看完整颜色详情

#AB6F46

查看完整颜色详情

相关比较