#1B5A86

#1B5A86

#86471B

#86471B

对比度

1.03:1

Delta E

72.17

Very Different

50:50 混合

#695152

颜色值

格式 #1B5A86 #86471B
HEX #1B5A86 #86471B
RGB 27, 90, 134 134, 71, 27
HSL 204.7, 66.5%, 31.6% 24.7, 66.5%, 31.6%
HSV 204.7, 79.9%, 52.5% 24.7, 79.9%, 52.5%
CMYK 79.9%, 32.8%, 0.0%, 47.5% 0.0%, 47.0%, 79.9%, 47.5%
OKLCH 0.4504 0.0953 243.8 0.4675 0.1026 51.9

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #86471B → 背景色: #1B5A86

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

文本: #1B5A86 → 背景色: #86471B

色差 (Delta E)

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

渐变

#1B5A86 #445774 #5A5463 #695152 #744E40 #7E4A2F #86471B

颜色混合

#1B5A86

100%

#50566C

75:25

#695152

50:50

#794C38

25:75

#86471B

100%

CSS渐变代码

background: linear-gradient(to right, #1B5A86, #86471B);
background: linear-gradient(135deg, #1B5A86, #86471B);

探索每种颜色

#1B5A86

查看完整颜色详情

#86471B

查看完整颜色详情

相关比较