#102497

#102497

#978310

#978310

对比度

3.24:1

Delta E

131.71

Very Different

50:50 混合

#745161

颜色值

格式 #102497 #978310
HEX #102497 #978310
RGB 16, 36, 151 151, 131, 16
HSL 231.1, 80.8%, 32.7% 51.1, 80.8%, 32.7%
HSV 231.1, 89.4%, 59.2% 51.1, 89.4%, 59.2%
CMYK 89.4%, 76.2%, 0.0%, 40.8% 0.0%, 13.2%, 89.4%, 40.8%
OKLCH 0.3462 0.1846 266.4 0.6102 0.1221 98.0

对比度与无障碍

3.24:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #978310 → 背景色: #102497

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

文本: #102497 → 背景色: #978310

色差 (Delta E)

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

渐变

#102497 #493285 #624173 #745161 #82614D #8E7236 #978310

颜色混合

#102497

100%

#57397C

75:25

#745161

50:50

#886A42

25:75

#978310

100%

CSS渐变代码

background: linear-gradient(to right, #102497, #978310);
background: linear-gradient(135deg, #102497, #978310);

探索每种颜色

#102497

查看完整颜色详情

#978310

查看完整颜色详情

相关比较