#5F56AB

#5F56AB

#A2AB56

#A2AB56

对比度

2.49:1

Delta E

99.83

Very Different

50:50 混合

#8A7F84

颜色值

格式 #5F56AB #A2AB56
HEX #5F56AB #A2AB56
RGB 95, 86, 171 162, 171, 86
HSL 246.4, 33.6%, 50.4% 66.4, 33.6%, 50.4%
HSV 246.4, 49.7%, 67.1% 66.4, 49.7%, 67.1%
CMYK 44.4%, 49.7%, 0.0%, 32.9% 5.3%, 0.0%, 49.7%, 32.9%
OKLCH 0.5039 0.1312 285.5 0.7155 0.1101 114.2

对比度与无障碍

2.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A2AB56 → 背景色: #5F56AB

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

文本: #5F56AB → 背景色: #A2AB56

色差 (Delta E)

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

渐变

#5F56AB #71649E #7F7192 #8A7F84 #948E76 #9B9C67 #A2AB56

颜色混合

#5F56AB

100%

#786A98

75:25

#8A7F84

50:50

#98956F

25:75

#A2AB56

100%

CSS渐变代码

background: linear-gradient(to right, #5F56AB, #A2AB56);
background: linear-gradient(135deg, #5F56AB, #A2AB56);

探索每种颜色

#5F56AB

查看完整颜色详情

#A2AB56

查看完整颜色详情

相关比较