#104497

#104497

#976310

#976310

对比度

1.79:1

Delta E

101.35

Very Different

50:50 混合

#73515B

颜色值

格式 #104497 #976310
HEX #104497 #976310
RGB 16, 68, 151 151, 99, 16
HSL 216.9, 80.8%, 32.7% 36.9, 80.8%, 32.7%
HSV 216.9, 89.4%, 59.2% 36.9, 89.4%, 59.2%
CMYK 89.4%, 55.0%, 0.0%, 40.8% 0.0%, 34.4%, 89.4%, 40.8%
OKLCH 0.4073 0.1466 260.0 0.543 0.1112 71.7

对比度与无障碍

1.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #976310 → 背景色: #104497

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

文本: #104497 → 背景色: #976310

色差 (Delta E)

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

渐变

#104497 #494883 #624C6F #73515B #815746 #8D5D30 #976310

颜色混合

#104497

100%

#574A79

75:25

#73515B

50:50

#875A3B

25:75

#976310

100%

CSS渐变代码

background: linear-gradient(to right, #104497, #976310);
background: linear-gradient(135deg, #104497, #976310);

探索每种颜色

#104497

查看完整颜色详情

#976310

查看完整颜色详情

相关比较