#102174

#102174

#746310

#746310

对比度

2.37:1

Delta E

101.57

Very Different

50:50 混合

#58404A

颜色值

格式 #102174 #746310
HEX #102174 #746310
RGB 16, 33, 116 116, 99, 16
HSL 229.8, 75.8%, 25.9% 49.8, 75.8%, 25.9%
HSV 229.8, 86.2%, 45.5% 49.8, 86.2%, 45.5%
CMYK 86.2%, 71.6%, 0.0%, 54.5% 0.0%, 14.7%, 86.2%, 54.5%
OKLCH 0.3016 0.1424 267.2 0.5017 0.0974 96.4

对比度与无障碍

2.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #746310 → 背景色: #102174

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

文本: #102174 → 背景色: #746310

色差 (Delta E)

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

渐变

#102174 #372A66 #4B3558 #58404A #634B3B #6C5729 #746310

颜色混合

#102174

100%

#422F5F

75:25

#58404A

50:50

#685133

25:75

#746310

100%

CSS渐变代码

background: linear-gradient(to right, #102174, #746310);
background: linear-gradient(135deg, #102174, #746310);

探索每种颜色

#102174

查看完整颜色详情

#746310

查看完整颜色详情

相关比较