#2147AB

#2147AB

#AB8521

#AB8521

对比度

2.39:1

Delta E

116.61

Very Different

50:50 混合

#83636E

颜色值

格式 #2147AB #AB8521
HEX #2147AB #AB8521
RGB 33, 71, 171 171, 133, 33
HSL 223.5, 67.6%, 40.0% 43.5, 67.6%, 40.0%
HSV 223.5, 80.7%, 67.1% 43.5, 80.7%, 67.1%
CMYK 80.7%, 58.5%, 0.0%, 32.9% 0.0%, 22.2%, 80.7%, 32.9%
OKLCH 0.4357 0.1662 264.5 0.6364 0.1197 86.2

对比度与无障碍

2.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB8521 → 背景色: #2147AB

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

文本: #2147AB → 背景色: #AB8521

色差 (Delta E)

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

渐变

#2147AB #554F97 #705983 #83636E #936E59 #A07941 #AB8521

颜色混合

#2147AB

100%

#64548D

75:25

#83636E

50:50

#99744D

25:75

#AB8521

100%

CSS渐变代码

background: linear-gradient(to right, #2147AB, #AB8521);
background: linear-gradient(135deg, #2147AB, #AB8521);

探索每种颜色

#2147AB

查看完整颜色详情

#AB8521

查看完整颜色详情

相关比较