#212DB8

#212DB8

#B8AC21

#B8AC21

对比度

4.2:1

Delta E

155.33

Very Different

50:50 混合

#8F6A7B

颜色值

格式 #212DB8 #B8AC21
HEX #212DB8 #B8AC21
RGB 33, 45, 184 184, 172, 33
HSL 235.2, 69.6%, 42.5% 55.2, 69.6%, 42.5%
HSV 235.2, 82.1%, 72.2% 55.2, 82.1%, 72.2%
CMYK 82.1%, 75.5%, 0.0%, 27.8% 0.0%, 6.5%, 82.1%, 27.8%
OKLCH 0.4031 0.212 268.9 0.7322 0.1464 104.1

对比度与无障碍

4.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #B8AC21 → 背景色: #212DB8

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

文本: #212DB8 → 背景色: #B8AC21

色差 (Delta E)

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

渐变

#212DB8 #5D40A4 #7A5590 #8F6A7B #A07F64 #AD9649 #B8AC21

颜色混合

#212DB8

100%

#6D4A9A

75:25

#8F6A7B

50:50

#A78A58

25:75

#B8AC21

100%

CSS渐变代码

background: linear-gradient(to right, #212DB8, #B8AC21);
background: linear-gradient(135deg, #212DB8, #B8AC21);

探索每种颜色

#212DB8

查看完整颜色详情

#B8AC21

查看完整颜色详情

相关比较