#5C52A7

#5C52A7

#9DA752

#9DA752

对比度

2.51:1

Delta E

100.28

Very Different

50:50 混合

#867C80

颜色值

格式 #5C52A7 #9DA752
HEX #5C52A7 #9DA752
RGB 92, 82, 167 157, 167, 82
HSL 247.1, 34.1%, 48.8% 67.1, 34.1%, 48.8%
HSV 247.1, 50.9%, 65.5% 67.1, 50.9%, 65.5%
CMYK 44.9%, 50.9%, 0.0%, 34.5% 6.0%, 0.0%, 50.9%, 34.5%
OKLCH 0.4911 0.1317 285.8 0.7019 0.1103 114.8

对比度与无障碍

2.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA752 → 背景色: #5C52A7

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

文本: #5C52A7 → 背景色: #9DA752

色差 (Delta E)

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

渐变

#5C52A7 #6E609B #7B6D8E #867C80 #8F8A72 #979863 #9DA752

颜色混合

#5C52A7

100%

#756694

75:25

#867C80

50:50

#93916B

25:75

#9DA752

100%

CSS渐变代码

background: linear-gradient(to right, #5C52A7, #9DA752);
background: linear-gradient(135deg, #5C52A7, #9DA752);

探索每种颜色

#5C52A7

查看完整颜色详情

#9DA752

查看完整颜色详情

相关比较