#4539A9

#4539A9

#9DA939

#9DA939

对比度

3.39:1

Delta E

130.78

Very Different

50:50 混合

#837079

颜色值

格式 #4539A9 #9DA939
HEX #4539A9 #9DA939
RGB 69, 57, 169 157, 169, 57
HSL 246.4, 49.6%, 44.3% 66.4, 49.6%, 44.3%
HSV 246.4, 66.3%, 66.3% 66.4, 66.3%, 66.3%
CMYK 59.2%, 66.3%, 0.0%, 33.7% 7.1%, 0.0%, 66.3%, 33.7%
OKLCH 0.4291 0.1717 281.2 0.7037 0.135 115.2

对比度与无障碍

3.39:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA939 → 背景色: #4539A9

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

文本: #4539A9 → 背景色: #9DA939

色差 (Delta E)

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

渐变

#4539A9 #624B99 #755D89 #837079 #8E8367 #979653 #9DA939

颜色混合

#4539A9

100%

#6C5492

75:25

#837079

50:50

#938C5D

25:75

#9DA939

100%

CSS渐变代码

background: linear-gradient(to right, #4539A9, #9DA939);
background: linear-gradient(135deg, #4539A9, #9DA939);

探索每种颜色

#4539A9

查看完整颜色详情

#9DA939

查看完整颜色详情

相关比较