#534AA6

#534AA6

#9DA64A

#9DA64A

对比度

2.76:1

Delta E

108.56

Very Different

50:50 混合

#84777D

颜色值

格式 #534AA6 #9DA64A
HEX #534AA6 #9DA64A
RGB 83, 74, 166 157, 166, 74
HSL 245.9, 38.3%, 47.1% 65.9, 38.3%, 47.1%
HSV 245.9, 55.4%, 65.1% 65.9, 55.4%, 65.1%
CMYK 50.0%, 55.4%, 0.0%, 34.9% 5.4%, 0.0%, 55.4%, 34.9%
OKLCH 0.4679 0.1429 283.8 0.6986 0.117 114.1

对比度与无障碍

2.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA64A → 背景色: #534AA6

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

文本: #534AA6 → 背景色: #9DA64A

色差 (Delta E)

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

渐变

#534AA6 #685999 #78688B #84777D #8E866E #96965D #9DA64A

颜色混合

#534AA6

100%

#706092

75:25

#84777D

50:50

#928E66

25:75

#9DA64A

100%

CSS渐变代码

background: linear-gradient(to right, #534AA6, #9DA64A);
background: linear-gradient(135deg, #534AA6, #9DA64A);

探索每种颜色

#534AA6

查看完整颜色详情

#9DA64A

查看完整颜色详情

相关比较