#564BA8

#564BA8

#9DA84B

#9DA84B

对比度

2.74:1

Delta E

109.53

Very Different

50:50 混合

#85787E

颜色值

格式 #564BA8 #9DA84B
HEX #564BA8 #9DA84B
RGB 86, 75, 168 157, 168, 75
HSL 247.1, 38.3%, 47.6% 67.1, 38.3%, 47.6%
HSV 247.1, 55.4%, 65.9% 67.1, 55.4%, 65.9%
CMYK 48.8%, 55.4%, 0.0%, 34.1% 6.5%, 0.0%, 55.4%, 34.1%
OKLCH 0.4737 0.144 284.9 0.7033 0.1185 115.1

对比度与无障碍

2.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA84B → 背景色: #564BA8

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

文本: #564BA8 → 背景色: #9DA84B

色差 (Delta E)

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

渐变

#564BA8 #6A5A9B #7A698D #85787E #8F886F #97985E #9DA84B

颜色混合

#564BA8

100%

#726194

75:25

#85787E

50:50

#939067

25:75

#9DA84B

100%

CSS渐变代码

background: linear-gradient(to right, #564BA8, #9DA84B);
background: linear-gradient(135deg, #564BA8, #9DA84B);

探索每种颜色

#564BA8

查看完整颜色详情

#9DA84B

查看完整颜色详情

相关比较