#212EB8

#212EB8

#B8AB21

#B8AB21

对比度

4.14:1

Delta E

154.31

Very Different

50:50 混合

#8F6A7B

颜色值

格式 #212EB8 #B8AB21
HEX #212EB8 #B8AB21
RGB 33, 46, 184 184, 171, 33
HSL 234.8, 69.6%, 42.5% 54.8, 69.6%, 42.5%
HSV 234.8, 82.1%, 72.2% 54.8, 82.1%, 72.2%
CMYK 82.1%, 75.0%, 0.0%, 27.8% 0.0%, 7.1%, 82.1%, 27.8%
OKLCH 0.4045 0.2111 268.8 0.73 0.1456 103.6

对比度与无障碍

4.14:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #B8AB21 → 背景色: #212EB8

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

文本: #212EB8 → 背景色: #B8AB21

色差 (Delta E)

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

渐变

#212EB8 #5C41A4 #7A5590 #8F6A7B #A07F64 #AD9549 #B8AB21

颜色混合

#212EB8

100%

#6D4B9A

75:25

#8F6A7B

50:50

#A78A57

25:75

#B8AB21

100%

CSS渐变代码

background: linear-gradient(to right, #212EB8, #B8AB21);
background: linear-gradient(135deg, #212EB8, #B8AB21);

探索每种颜色

#212EB8

查看完整颜色详情

#B8AB21

查看完整颜色详情

相关比较