#393D4E

#393D4E

#4E4A39

#4E4A39

对比度

1.21:1

Delta E

22.7

Noticeable

50:50 混合

#454344

颜色值

格式 #393D4E #4E4A39
HEX #393D4E #4E4A39
RGB 57, 61, 78 78, 74, 57
HSL 228.6, 15.6%, 26.5% 48.6, 15.6%, 26.5%
HSV 228.6, 26.9%, 30.6% 48.6, 26.9%, 30.6%
CMYK 26.9%, 21.8%, 0.0%, 69.4% 0.0%, 5.1%, 26.9%, 69.4%
OKLCH 0.3633 0.0299 274.5 0.4079 0.0276 96.4

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #4E4A39 → 背景色: #393D4E

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

文本: #393D4E → 背景色: #4E4A39

色差 (Delta E)

22.7 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#393D4E #3D3F4B #414147 #454344 #484640 #4B483D #4E4A39

颜色混合

#393D4E

100%

#3F4049

75:25

#454344

50:50

#4A473E

25:75

#4E4A39

100%

CSS渐变代码

background: linear-gradient(to right, #393D4E, #4E4A39);
background: linear-gradient(135deg, #393D4E, #4E4A39);

探索每种颜色

#393D4E

查看完整颜色详情

#4E4A39

查看完整颜色详情

相关比较