#5342AE

#5342AE

#9DAE42

#9DAE42

对比度

3.11:1

Delta E

125.99

Very Different

50:50 混合

#87777F

颜色值

格式 #5342AE #9DAE42
HEX #5342AE #9DAE42
RGB 83, 66, 174 157, 174, 66
HSL 249.4, 45.0%, 47.1% 69.4, 45.0%, 47.1%
HSV 249.4, 62.1%, 68.2% 69.4, 62.1%, 68.2%
CMYK 52.3%, 62.1%, 0.0%, 31.8% 9.8%, 0.0%, 62.1%, 31.8%
OKLCH 0.4599 0.1649 285.1 0.716 0.1339 117.5

对比度与无障碍

3.11:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DAE42 → 背景色: #5342AE

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

文本: #5342AE → 背景色: #9DAE42

色差 (Delta E)

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

渐变

#5342AE #6A549F #7B658F #87777F #91896D #989C5A #9DAE42

颜色混合

#5342AE

100%

#735C97

75:25

#87777F

50:50

#959264

25:75

#9DAE42

100%

CSS渐变代码

background: linear-gradient(to right, #5342AE, #9DAE42);
background: linear-gradient(135deg, #5342AE, #9DAE42);

探索每种颜色

#5342AE

查看完整颜色详情

#9DAE42

查看完整颜色详情

相关比较