#217EB5

#217EB5

#B55821

#B55821

对比度

1.08:1

Delta E

93.0

Very Different

50:50 混合

#8F6C6C

颜色值

格式 #217EB5 #B55821
HEX #217EB5 #B55821
RGB 33, 126, 181 181, 88, 33
HSL 202.3, 69.2%, 42.0% 22.3, 69.2%, 42.0%
HSV 202.3, 81.8%, 71.0% 22.3, 81.8%, 71.0%
CMYK 81.8%, 30.4%, 0.0%, 29.0% 0.0%, 51.4%, 81.8%, 29.0%
OKLCH 0.567 0.1185 240.6 0.5658 0.1374 47.3

对比度与无障碍

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B55821 → 背景色: #217EB5

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

文本: #217EB5 → 背景色: #B55821

色差 (Delta E)

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

渐变

#217EB5 #5E789C #7B7284 #8F6C6C #9E6655 #AB5F3C #B55821

颜色混合

#217EB5

100%

#6E7590

75:25

#8F6C6C

50:50

#A56349

25:75

#B55821

100%

CSS渐变代码

background: linear-gradient(to right, #217EB5, #B55821);
background: linear-gradient(135deg, #217EB5, #B55821);

探索每种颜色

#217EB5

查看完整颜色详情

#B55821

查看完整颜色详情

相关比较