#216DB3

#216DB3

#B36721

#B36721

对比度

1.25:1

Delta E

96.1

Very Different

50:50 混合

#8B6A6D

颜色值

格式 #216DB3 #B36721
HEX #216DB3 #B36721
RGB 33, 109, 179 179, 103, 33
HSL 208.8, 68.9%, 41.6% 28.8, 68.9%, 41.6%
HSV 208.8, 81.6%, 70.2% 28.8, 81.6%, 70.2%
CMYK 81.6%, 39.1%, 0.0%, 29.8% 0.0%, 42.5%, 81.6%, 29.8%
OKLCH 0.5255 0.1318 250.6 0.5882 0.126 58.1

对比度与无障碍

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B36721 → 背景色: #216DB3

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

文本: #216DB3 → 背景色: #B36721

色差 (Delta E)

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

渐变

#216DB3 #5B6C9C #776B84 #8B6A6D #9B6956 #A8683E #B36721

颜色混合

#216DB3

100%

#6A6B90

75:25

#8B6A6D

50:50

#A2684A

25:75

#B36721

100%

CSS渐变代码

background: linear-gradient(to right, #216DB3, #B36721);
background: linear-gradient(135deg, #216DB3, #B36721);

探索每种颜色

#216DB3

查看完整颜色详情

#B36721

查看完整颜色详情

相关比较