#2136AB

#2136AB

#AB9621

#AB9621

对比度

3.26:1

Delta E

134.01

Very Different

50:50 混合

#846371

颜色值

格式 #2136AB #AB9621
HEX #2136AB #AB9621
RGB 33, 54, 171 171, 150, 33
HSL 230.9, 67.6%, 40.0% 50.9, 67.6%, 40.0%
HSV 230.9, 80.7%, 67.1% 50.9, 80.7%, 67.1%
CMYK 80.7%, 68.4%, 0.0%, 32.9% 0.0%, 12.3%, 80.7%, 32.9%
OKLCH 0.4036 0.1866 268.1 0.6723 0.1295 98.3

对比度与无障碍

3.26:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AB9621 → 背景色: #2136AB

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

文本: #2136AB → 背景色: #AB9621

色差 (Delta E)

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

渐变

#2136AB #564498 #715385 #846371 #93745C #A08543 #AB9621

颜色混合

#2136AB

100%

#644B8E

75:25

#846371

50:50

#9A7C50

25:75

#AB9621

100%

CSS渐变代码

background: linear-gradient(to right, #2136AB, #AB9621);
background: linear-gradient(135deg, #2136AB, #AB9621);

探索每种颜色

#2136AB

查看完整颜色详情

#AB9621

查看完整颜色详情

相关比较