#2148AB

#2148AB

#AB8421

#AB8421

对比度

2.35:1

Delta E

115.65

Very Different

50:50 混合

#83636E

颜色值

格式 #2148AB #AB8421
HEX #2148AB #AB8421
RGB 33, 72, 171 171, 132, 33
HSL 223.0, 67.6%, 40.0% 43.0, 67.6%, 40.0%
HSV 223.0, 80.7%, 67.1% 43.0, 80.7%, 67.1%
CMYK 80.7%, 57.9%, 0.0%, 32.9% 0.0%, 22.8%, 80.7%, 32.9%
OKLCH 0.4377 0.165 264.3 0.6343 0.1193 85.4

对比度与无障碍

2.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB8421 → 背景色: #2148AB

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

文本: #2148AB → 背景色: #AB8421

色差 (Delta E)

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

渐变

#2148AB #555097 #705983 #83636E #936E58 #A07941 #AB8421

颜色混合

#2148AB

100%

#64558D

75:25

#83636E

50:50

#99734D

25:75

#AB8421

100%

CSS渐变代码

background: linear-gradient(to right, #2148AB, #AB8421);
background: linear-gradient(135deg, #2148AB, #AB8421);

探索每种颜色

#2148AB

查看完整颜色详情

#AB8421

查看完整颜色详情

相关比较