#102487

#102487

#877310

#877310

对比度

2.76:1

Delta E

116.82

Very Different

50:50 混合

#674956

颜色值

格式 #102487 #877310
HEX #102487 #877310
RGB 16, 36, 135 135, 115, 16
HSL 229.9, 78.8%, 29.6% 49.9, 78.8%, 29.6%
HSV 229.9, 88.1%, 52.9% 49.9, 88.1%, 52.9%
CMYK 88.1%, 73.3%, 0.0%, 47.1% 0.0%, 14.8%, 88.1%, 47.1%
OKLCH 0.328 0.1643 266.6 0.5582 0.1101 96.3

对比度与无障碍

2.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #877310 → 背景色: #102487

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

文本: #102487 → 背景色: #877310

色差 (Delta E)

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

渐变

#102487 #412F77 #573C67 #674956 #745744 #7E6530 #877310

颜色混合

#102487

100%

#4D356F

75:25

#674956

50:50

#795E3B

25:75

#877310

100%

CSS渐变代码

background: linear-gradient(to right, #102487, #877310);
background: linear-gradient(135deg, #102487, #877310);

探索每种颜色

#102487

查看完整颜色详情

#877310

查看完整颜色详情

相关比较