#170877

#170877

#687708

#687708

对比度

3.16:1

Delta E

128.8

Very Different

50:50 混合

#57424D

颜色值

格式 #170877 #687708
HEX #170877 #687708
RGB 23, 8, 119 104, 119, 8
HSL 248.1, 87.4%, 24.9% 68.1, 87.4%, 24.9%
HSV 248.1, 93.3%, 46.7% 68.1, 93.3%, 46.7%
CMYK 80.7%, 93.3%, 0.0%, 53.3% 12.6%, 0.0%, 93.3%, 53.3%
OKLCH 0.2757 0.1666 272.7 0.5381 0.1228 118.2

对比度与无障碍

3.16:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #687708 → 背景色: #170877

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

文本: #170877 → 背景色: #687708

色差 (Delta E)

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

渐变

#170877 #3A1D6A #4B305C #57424D #5F533E #65652A #687708

颜色混合

#170877

100%

#442763

75:25

#57424D

50:50

#635C35

25:75

#687708

100%

CSS渐变代码

background: linear-gradient(to right, #170877, #687708);
background: linear-gradient(135deg, #170877, #687708);

探索每种颜色

#170877

查看完整颜色详情

#687708

查看完整颜色详情

相关比较