#216EB9

#216EB9

#B96C21

#B96C21

对比度

1.31:1

Delta E

100.21

Very Different

50:50 混合

#906C71

颜色值

格式 #216EB9 #B96C21
HEX #216EB9 #B96C21
RGB 33, 110, 185 185, 108, 33
HSL 209.6, 69.7%, 42.7% 29.6, 69.7%, 42.7%
HSV 209.6, 82.2%, 72.5% 29.6, 82.2%, 72.5%
CMYK 82.2%, 40.5%, 0.0%, 27.5% 0.0%, 41.6%, 82.2%, 27.5%
OKLCH 0.5316 0.1384 251.8 0.6051 0.1291 59.4

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B96C21 → 背景色: #216EB9

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

文本: #216EB9 → 背景色: #B96C21

色差 (Delta E)

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

渐变

#216EB9 #5E6DA1 #7B6D89 #906C71 #A06C59 #AD6C3F #B96C21

颜色混合

#216EB9

100%

#6E6D95

75:25

#906C71

50:50

#A76C4C

25:75

#B96C21

100%

CSS渐变代码

background: linear-gradient(to right, #216EB9, #B96C21);
background: linear-gradient(135deg, #216EB9, #B96C21);

探索每种颜色

#216EB9

查看完整颜色详情

#B96C21

查看完整颜色详情

相关比较