#393D56

#393D56

#565239

#565239

对比度

1.35:1

Delta E

32.9

Very Different

50:50 混合

#4A4748

颜色值

格式 #393D56 #565239
HEX #393D56 #565239
RGB 57, 61, 86 86, 82, 57
HSL 231.7, 20.3%, 28.0% 51.7, 20.3%, 28.0%
HSV 231.7, 33.7%, 33.7% 51.7, 33.7%, 33.7%
CMYK 33.7%, 29.1%, 0.0%, 66.3% 0.0%, 4.7%, 33.7%, 66.3%
OKLCH 0.3673 0.0434 277.0 0.4354 0.0389 100.1

对比度与无障碍

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #565239 → 背景色: #393D56

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

文本: #393D56 → 背景色: #565239

色差 (Delta E)

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

渐变

#393D56 #3F4051 #45444D #4A4748 #4E4B43 #524E3E #565239

颜色混合

#393D56

100%

#42424F

75:25

#4A4748

50:50

#504D41

25:75

#565239

100%

CSS渐变代码

background: linear-gradient(to right, #393D56, #565239);
background: linear-gradient(135deg, #393D56, #565239);

探索每种颜色

#393D56

查看完整颜色详情

#565239

查看完整颜色详情

相关比较