#103497

#103497

#977310

#977310

对比度

2.44:1

Delta E

115.55

Very Different

50:50 混合

#73515E

颜色值

格式 #103497 #977310
HEX #103497 #977310
RGB 16, 52, 151 151, 115, 16
HSL 224.0, 80.8%, 32.7% 44.0, 80.8%, 32.7%
HSV 224.0, 89.4%, 59.2% 44.0, 89.4%, 59.2%
CMYK 89.4%, 65.6%, 0.0%, 40.8% 0.0%, 23.8%, 89.4%, 40.8%
OKLCH 0.3741 0.1667 264.2 0.5757 0.1134 85.7

对比度与无障碍

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #977310 → 背景色: #103497

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

文本: #103497 → 背景色: #977310

色差 (Delta E)

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

渐变

#103497 #483C84 #624671 #73515E #815C4A #8D6733 #977310

颜色混合

#103497

100%

#56417B

75:25

#73515E

50:50

#87613F

25:75

#977310

100%

CSS渐变代码

background: linear-gradient(to right, #103497, #977310);
background: linear-gradient(135deg, #103497, #977310);

探索每种颜色

#103497

查看完整颜色详情

#977310

查看完整颜色详情

相关比较