#393D64

#393D64

#646039

#646039

对比度

1.62:1

Delta E

50.25

Very Different

50:50 混合

#534E50

颜色值

格式 #393D64 #646039
HEX #393D64 #646039
RGB 57, 61, 100 100, 96, 57
HSL 234.4, 27.4%, 30.8% 54.4, 27.4%, 30.8%
HSV 234.4, 43.0%, 39.2% 54.4, 43.0%, 39.2%
CMYK 43.0%, 39.0%, 0.0%, 60.8% 0.0%, 4.0%, 43.0%, 60.8%
OKLCH 0.375 0.0668 278.2 0.4828 0.0572 103.2

对比度与无障碍

1.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #646039 → 背景色: #393D64

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

文本: #393D64 → 背景色: #646039

色差 (Delta E)

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

渐变

#393D64 #43425D #4B4857 #534E50 #595449 #5F5A41 #646039

颜色混合

#393D64

100%

#47455A

75:25

#534E50

50:50

#5C5745

25:75

#646039

100%

CSS渐变代码

background: linear-gradient(to right, #393D64, #646039);
background: linear-gradient(135deg, #393D64, #646039);

探索每种颜色

#393D64

查看完整颜色详情

#646039

查看完整颜色详情

相关比较