#384C50

#384C50

#503C38

#503C38

对比度

1.13:1

Delta E

18.6

Noticeable

50:50 混合

#464444

颜色值

格式 #384C50 #503C38
HEX #384C50 #503C38
RGB 56, 76, 80 80, 60, 56
HSL 190.0, 17.6%, 26.7% 10.0, 17.6%, 26.7%
HSV 190.0, 30.0%, 31.4% 10.0, 30.0%, 31.4%
CMYK 30.0%, 5.0%, 0.0%, 68.6% 0.0%, 25.0%, 30.0%, 68.6%
OKLCH 0.4013 0.0258 211.2 0.3769 0.0292 31.4

对比度与无障碍

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #503C38 → 背景色: #384C50

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

文本: #384C50 → 背景色: #503C38

色差 (Delta E)

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

渐变

#384C50 #3D494C #424748 #464444 #4A4240 #4D3F3C #503C38

颜色混合

#384C50

100%

#40484A

75:25

#464444

50:50

#4B403E

25:75

#503C38

100%

CSS渐变代码

background: linear-gradient(to right, #384C50, #503C38);
background: linear-gradient(135deg, #384C50, #503C38);

探索每种颜色

#384C50

查看完整颜色详情

#503C38

查看完整颜色详情

相关比较