#1072B5

#1072B5

#B55310

#B55310

对比度

1.03:1

Delta E

102.14

Very Different

50:50 混合

#8E6467

颜色值

格式 #1072B5 #B55310
HEX #1072B5 #B55310
RGB 16, 114, 181 181, 83, 16
HSL 204.4, 83.8%, 38.6% 24.4, 83.8%, 38.6%
HSV 204.4, 91.2%, 71.0% 24.4, 91.2%, 71.0%
CMYK 91.2%, 37.0%, 0.0%, 29.0% 0.0%, 54.1%, 91.2%, 29.0%
OKLCH 0.5354 0.1329 246.3 0.5571 0.1454 47.9

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B55310 → 背景色: #1072B5

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

文本: #1072B5 → 背景色: #B55310

色差 (Delta E)

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

渐变

#1072B5 #5B6D9B #796881 #8E6467 #9E5E4D #AA5932 #B55310

颜色混合

#1072B5

100%

#6C6B8E

75:25

#8E6467

50:50

#A45C40

25:75

#B55310

100%

CSS渐变代码

background: linear-gradient(to right, #1072B5, #B55310);
background: linear-gradient(135deg, #1072B5, #B55310);

探索每种颜色

#1072B5

查看完整颜色详情

#B55310

查看完整颜色详情

相关比较