#5D52C6

#5D52C6

#BBC652

#BBC652

对比度

3.24:1

Delta E

132.28

Very Different

50:50 混合

#9D8A93

颜色值

格式 #5D52C6 #BBC652
HEX #5D52C6 #BBC652
RGB 93, 82, 198 187, 198, 82
HSL 245.7, 50.4%, 54.9% 65.7, 50.4%, 54.9%
HSV 245.7, 58.6%, 77.6% 65.7, 58.6%, 77.6%
CMYK 53.0%, 58.6%, 0.0%, 22.4% 5.6%, 0.0%, 58.6%, 22.4%
OKLCH 0.514 0.1742 282.7 0.7952 0.1402 114.2

对比度与无障碍

3.24:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #BBC652 → 背景色: #5D52C6

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

文本: #5D52C6 → 背景色: #BBC652

色差 (Delta E)

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

渐变

#5D52C6 #7964B5 #8D77A4 #9D8A93 #A99E80 #B3B26B #BBC652

颜色混合

#5D52C6

100%

#846EAD

75:25

#9D8A93

50:50

#AEA876

25:75

#BBC652

100%

CSS渐变代码

background: linear-gradient(to right, #5D52C6, #BBC652);
background: linear-gradient(135deg, #5D52C6, #BBC652);

探索每种颜色

#5D52C6

查看完整颜色详情

#BBC652

查看完整颜色详情

相关比较