#4346AF

#4346AF

#AFAC43

#AFAC43

对比度

3.22:1

Delta E

122.4

Very Different

50:50 混合

#8B7780

颜色值

格式 #4346AF #AFAC43
HEX #4346AF #AFAC43
RGB 67, 70, 175 175, 172, 67
HSL 238.3, 44.6%, 47.5% 58.3, 44.6%, 47.5%
HSV 238.3, 61.7%, 68.6% 58.3, 61.7%, 68.6%
CMYK 61.7%, 60.0%, 0.0%, 31.4% 0.0%, 1.7%, 61.7%, 31.4%
OKLCH 0.4551 0.1638 276.5 0.7265 0.1264 107.6

对比度与无障碍

3.22:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AFAC43 → 背景色: #4346AF

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

文本: #4346AF → 背景色: #AFAC43

色差 (Delta E)

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

渐变

#4346AF #6456A0 #7A6690 #8B7780 #99886E #A59A5B #AFAC43

颜色混合

#4346AF

100%

#705E98

75:25

#8B7780

50:50

#9F9165

25:75

#AFAC43

100%

CSS渐变代码

background: linear-gradient(to right, #4346AF, #AFAC43);
background: linear-gradient(135deg, #4346AF, #AFAC43);

探索每种颜色

#4346AF

查看完整颜色详情

#AFAC43

查看完整颜色详情

相关比较