#4E53AF

#4E53AF

#AFAA4E

#AFAA4E

对比度

2.73:1

Delta E

107.47

Very Different

50:50 混合

#8C7D83

颜色值

格式 #4E53AF #AFAA4E
HEX #4E53AF #AFAA4E
RGB 78, 83, 175 175, 170, 78
HSL 236.9, 38.3%, 49.6% 56.9, 38.3%, 49.6%
HSV 236.9, 55.4%, 68.6% 56.9, 55.4%, 68.6%
CMYK 55.4%, 52.6%, 0.0%, 31.4% 0.0%, 2.9%, 55.4%, 31.4%
OKLCH 0.4875 0.144 277.3 0.7233 0.1146 106.1

对比度与无障碍

2.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AFAA4E → 背景色: #4E53AF

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

文本: #4E53AF → 背景色: #AFAA4E

色差 (Delta E)

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

渐变

#4E53AF #6960A1 #7D6E92 #8C7D83 #9A8B73 #A59B62 #AFAA4E

颜色混合

#4E53AF

100%

#74679A

75:25

#8C7D83

50:50

#A0936B

25:75

#AFAA4E

100%

CSS渐变代码

background: linear-gradient(to right, #4E53AF, #AFAA4E);
background: linear-gradient(135deg, #4E53AF, #AFAA4E);

探索每种颜色

#4E53AF

查看完整颜色详情

#AFAA4E

查看完整颜色详情

相关比较