#5248A7

#5248A7

#9DA748

#9DA748

对比度

2.83:1

Delta E

111.93

Very Different

50:50 混合

#84767D

颜色值

格式 #5248A7 #9DA748
HEX #5248A7 #9DA748
RGB 82, 72, 167 157, 167, 72
HSL 246.3, 39.7%, 46.9% 66.3, 39.7%, 46.9%
HSV 246.3, 56.9%, 65.5% 66.3, 56.9%, 65.5%
CMYK 50.9%, 56.9%, 0.0%, 34.5% 6.0%, 0.0%, 56.9%, 34.5%
OKLCH 0.4641 0.1473 283.8 0.7006 0.1201 114.6

对比度与无障碍

2.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA748 → 背景色: #5248A7

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

文本: #5248A7 → 背景色: #9DA748

色差 (Delta E)

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

渐变

#5248A7 #685799 #78678B #84767D #8E866D #96975C #9DA748

颜色混合

#5248A7

100%

#705F92

75:25

#84767D

50:50

#938E65

25:75

#9DA748

100%

CSS渐变代码

background: linear-gradient(to right, #5248A7, #9DA748);
background: linear-gradient(135deg, #5248A7, #9DA748);

探索每种颜色

#5248A7

查看完整颜色详情

#9DA748

查看完整颜色详情

相关比较