#4540A2

#4540A2

#9DA240

#9DA240

对比度

3.06:1

Delta E

115.94

Very Different

50:50 混合

#806F77

颜色值

格式 #4540A2 #9DA240
HEX #4540A2 #9DA240
RGB 69, 64, 162 157, 162, 64
HSL 243.1, 43.4%, 44.3% 63.1, 43.4%, 44.3%
HSV 243.1, 60.5%, 63.5% 63.1, 60.5%, 63.5%
CMYK 57.4%, 60.5%, 0.0%, 36.5% 3.1%, 0.0%, 60.5%, 36.5%
OKLCH 0.4352 0.1534 280.2 0.6885 0.1213 111.9

对比度与无障碍

3.06:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA240 → 背景色: #4540A2

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

文本: #4540A2 → 背景色: #9DA240

色差 (Delta E)

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

渐变

#4540A2 #5F4F94 #725F86 #806F77 #8C8067 #959155 #9DA240

颜色混合

#4540A2

100%

#69578D

75:25

#806F77

50:50

#91885F

25:75

#9DA240

100%

CSS渐变代码

background: linear-gradient(to right, #4540A2, #9DA240);
background: linear-gradient(135deg, #4540A2, #9DA240);

探索每种颜色

#4540A2

查看完整颜色详情

#9DA240

查看完整颜色详情

相关比较