#5648AB

#5648AB

#9DAB48

#9DAB48

对比度

2.87:1

Delta E

116.15

Very Different

50:50 混合

#87797F

颜色值

格式 #5648AB #9DAB48
HEX #5648AB #9DAB48
RGB 86, 72, 171 157, 171, 72
HSL 248.5, 40.7%, 47.6% 68.5, 40.7%, 47.6%
HSV 248.5, 57.9%, 67.1% 68.5, 57.9%, 67.1%
CMYK 49.7%, 57.9%, 0.0%, 32.9% 8.2%, 0.0%, 57.9%, 32.9%
OKLCH 0.4705 0.1524 285.4 0.7098 0.125 116.4

对比度与无障碍

2.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DAB48 → 背景色: #5648AB

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

文本: #5648AB → 背景色: #9DAB48

色差 (Delta E)

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

渐变

#5648AB #6B589D #7B688E #87797F #90896F #979A5D #9DAB48

颜色混合

#5648AB

100%

#736096

75:25

#87797F

50:50

#949266

25:75

#9DAB48

100%

CSS渐变代码

background: linear-gradient(to right, #5648AB, #9DAB48);
background: linear-gradient(135deg, #5648AB, #9DAB48);

探索每种颜色

#5648AB

查看完整颜色详情

#9DAB48

查看完整颜色详情

相关比较