#3039AD

#3039AD

#ADA430

#ADA430

对比度

3.51:1

Delta E

134.05

Very Different

50:50 混合

#876C78

颜色值

格式 #3039AD #ADA430
HEX #3039AD #ADA430
RGB 48, 57, 173 173, 164, 48
HSL 235.7, 56.6%, 43.3% 55.7, 56.6%, 43.3%
HSV 235.7, 72.3%, 67.8% 55.7, 72.3%, 67.8%
CMYK 72.3%, 67.1%, 0.0%, 32.2% 0.0%, 5.2%, 72.3%, 32.2%
OKLCH 0.4182 0.1818 272.2 0.7056 0.1327 104.8

对比度与无障碍

3.51:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #ADA430 → 背景色: #3039AD

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

文本: #3039AD → 背景色: #ADA430

色差 (Delta E)

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

渐变

#3039AD #5B499C #745A8A #876C78 #967E64 #A3914E #ADA430

颜色混合

#3039AD

100%

#695193

75:25

#876C78

50:50

#9D8759

25:75

#ADA430

100%

CSS渐变代码

background: linear-gradient(to right, #3039AD, #ADA430);
background: linear-gradient(135deg, #3039AD, #ADA430);

探索每种颜色

#3039AD

查看完整颜色详情

#ADA430

查看完整颜色详情

相关比较