#393D57

#393D57

#575339

#575339

对比度

1.37:1

Delta E

34.16

Very Different

50:50 混合

#4A4849

颜色值

格式 #393D57 #575339
HEX #393D57 #575339
RGB 57, 61, 87 87, 83, 57
HSL 232.0, 20.8%, 28.2% 52.0, 20.8%, 28.2%
HSV 232.0, 34.5%, 34.1% 52.0, 34.5%, 34.1%
CMYK 34.5%, 29.9%, 0.0%, 65.9% 0.0%, 4.6%, 34.5%, 65.9%
OKLCH 0.3678 0.0451 277.2 0.4388 0.0402 100.4

对比度与无障碍

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #575339 → 背景色: #393D57

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

文本: #393D57 → 背景色: #575339

色差 (Delta E)

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

渐变

#393D57 #3F4052 #45444D #4A4849 #4F4B44 #534F3E #575339

颜色混合

#393D57

100%

#424250

75:25

#4A4849

50:50

#514D41

25:75

#575339

100%

CSS渐变代码

background: linear-gradient(to right, #393D57, #575339);
background: linear-gradient(135deg, #393D57, #575339);

探索每种颜色

#393D57

查看完整颜色详情

#575339

查看完整颜色详情

相关比较