#3530B4

#3530B4

#AFB430

#AFB430

对比度

4.21:1

Delta E

150.59

Very Different

50:50 混合

#8C707D

颜色值

格式 #3530B4 #AFB430
HEX #3530B4 #AFB430
RGB 53, 48, 180 175, 180, 48
HSL 242.3, 57.9%, 44.7% 62.3, 57.9%, 44.7%
HSV 242.3, 73.3%, 70.6% 62.3, 73.3%, 70.6%
CMYK 70.6%, 73.3%, 0.0%, 29.4% 2.8%, 0.0%, 73.3%, 29.4%
OKLCH 0.414 0.1992 275.0 0.7427 0.1481 111.7

对比度与无障碍

4.21:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AFB430 → 背景色: #3530B4

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

文本: #3530B4 → 背景色: #AFB430

色差 (Delta E)

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

渐变

#3530B4 #6045A2 #7A5A90 #8C707D #9B8669 #A69D51 #AFB430

颜色混合

#3530B4

100%

#6E4F99

75:25

#8C707D

50:50

#A1925E

25:75

#AFB430

100%

CSS渐变代码

background: linear-gradient(to right, #3530B4, #AFB430);
background: linear-gradient(135deg, #3530B4, #AFB430);

探索每种颜色

#3530B4

查看完整颜色详情

#AFB430

查看完整颜色详情

相关比较