#214072

#214072

#725321

#725321

对比度

1.46:1

Delta E

66.45

Very Different

50:50 混合

#58494C

颜色值

格式 #214072 #725321
HEX #214072 #725321
RGB 33, 64, 114 114, 83, 33
HSL 217.0, 55.1%, 28.8% 37.0, 55.1%, 28.8%
HSV 217.0, 71.1%, 44.7% 37.0, 71.1%, 44.7%
CMYK 71.1%, 43.9%, 0.0%, 55.3% 0.0%, 27.2%, 71.1%, 55.3%
OKLCH 0.3754 0.0936 259.5 0.4649 0.0779 76.5

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #725321 → 背景色: #214072

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

文本: #214072 → 背景色: #725321

色差 (Delta E)

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

渐变

#214072 #3B4365 #4C4559 #58494C #624C3E #6A4F31 #725321

颜色混合

#214072

100%

#44445F

75:25

#58494C

50:50

#664E38

25:75

#725321

100%

CSS渐变代码

background: linear-gradient(to right, #214072, #725321);
background: linear-gradient(135deg, #214072, #725321);

探索每种颜色

#214072

查看完整颜色详情

#725321

查看完整颜色详情

相关比较