#4035BA

#4035BA

#AFBA35

#AFBA35

对比度

4.06:1

Delta E

151.27

Very Different

50:50 混合

#907682

颜色值

格式 #4035BA #AFBA35
HEX #4035BA #AFBA35
RGB 64, 53, 186 175, 186, 53
HSL 245.0, 55.6%, 46.9% 65.0, 55.6%, 46.9%
HSV 245.0, 71.5%, 72.9% 65.0, 71.5%, 72.9%
CMYK 65.6%, 71.5%, 0.0%, 27.1% 5.9%, 0.0%, 71.5%, 27.1%
OKLCH 0.4348 0.1988 277.9 0.7564 0.1515 114.2

对比度与无障碍

4.06:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AFBA35 → 背景色: #4035BA

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

文本: #4035BA → 背景色: #AFBA35

色差 (Delta E)

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

渐变

#4035BA #674AA8 #7E6096 #907682 #9D8C6E #A7A355 #AFBA35

颜色混合

#4035BA

100%

#74559F

75:25

#907682

50:50

#A29862

25:75

#AFBA35

100%

CSS渐变代码

background: linear-gradient(to right, #4035BA, #AFBA35);
background: linear-gradient(135deg, #4035BA, #AFBA35);

探索每种颜色

#4035BA

查看完整颜色详情

#AFBA35

查看完整颜色详情

相关比较